0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-24 20:42:43 +00:00

style changes for better contrast

This commit is contained in:
Gazook89
2022-09-21 10:56:45 -05:00
parent 3c75ac6156
commit 6329cb2cec
2 changed files with 15 additions and 14 deletions

View File

@@ -126,7 +126,7 @@ const ListPage = createClass({
onClick={this.handleSortDirChange}
className='sortDir'
>
{this.state.sortDir == 'asc' ? <i className='fas fa-sort-amount-up'></i> : <i className='fas fa-sort-amount-down'></i>}
{this.state.sortDir == 'asc' ? <i className='fas fa-sort-up'></i> : <i className='fas fa-sort-down'></i>}
</button>
: ''
}

View File

@@ -35,10 +35,11 @@
top : 0;
left : 0;
width : 100%;
height : 30px;
background-color : #555;
border-top : 1px solid #666;
border-bottom : 1px solid #666;
color : white;
padding : 2px;
text-align : center;
z-index : 500;
display : flex;
@@ -56,19 +57,24 @@
.sort-option {
display: flex;
align-items: center;
padding: 0 5px;
padding: 0 8px;
color: #ccc;
height: 100%;
&:hover{
background-color : #444;
}
&.active {
font-weight: bold;
color: white;
border: 1px solid darkcyan;
border-radius: 5px;
color: #ddd;
background-color: #333;
button {
color: white;
font-weight: 800;
&.sortDir {
background-color: darkcyan;
padding-left: 5px;
}
}
}
@@ -88,13 +94,8 @@
text-transform : uppercase;
font-weight : normal;
font-size : 11px;
color : #888;
color : #ccc;
padding : 0;
&.sortDir{
width : auto;
padding-left: 5px;
color: white;
}
}