forked from DebaucheryLibrarian/traxxx
Realigned filter bar for mobile.
This commit is contained in:
parent
7cbb5a2301
commit
ae5da770cf
|
@ -45,16 +45,18 @@
|
|||
</span>
|
||||
|
||||
<span>
|
||||
<Icon icon="filter" />
|
||||
<span class="filters-container">
|
||||
<Icon icon="filter" />
|
||||
|
||||
<Filters
|
||||
class="filters-container"
|
||||
:filter="filter"
|
||||
@set-filter="setFilter"
|
||||
/>
|
||||
<Filters
|
||||
class="filters-block"
|
||||
:filter="filter"
|
||||
@set-filter="setFilter"
|
||||
/>
|
||||
</span>
|
||||
|
||||
<v-popover class="filters-compact">
|
||||
<div>Filters</div>
|
||||
<Icon icon="filter" />
|
||||
|
||||
<div slot="popover">
|
||||
<Filters
|
||||
|
@ -122,6 +124,7 @@ export default {
|
|||
background: $background;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: .5rem 1rem;
|
||||
z-index: 1;
|
||||
font-size: 0;
|
||||
|
@ -136,6 +139,10 @@ export default {
|
|||
display: inline-block;
|
||||
}
|
||||
|
||||
.filters-block {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.filters-compact {
|
||||
font-size: 1rem;
|
||||
font-weight: bold;
|
||||
|
|
|
@ -48,6 +48,8 @@
|
|||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
padding: .5rem 1rem;
|
||||
z-index: 1;
|
||||
font-size: 0;
|
||||
|
@ -59,6 +61,9 @@
|
|||
.filters-container[data-v-6db17c96] {
|
||||
display: inline-block;
|
||||
}
|
||||
.filters-block[data-v-6db17c96] {
|
||||
display: inline-block;
|
||||
}
|
||||
.filters-compact[data-v-6db17c96] {
|
||||
font-size: 1rem;
|
||||
font-weight: bold;
|
||||
|
|
Loading…
Reference in New Issue