DebaucheryLibrarian/traxxx
2
1
Fork 1
Code Issues 39 Pull Requests 1 Releases Wiki Activity

Realigned filter bar for mobile.

Browse Source
This commit is contained in:
ThePendulum
2020-01-09 02:03:47 +01:00
parent 7cbb5a2301
commit ae5da770cf
2 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
assets/components/header/filter-bar.vue
View File

@@ -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;