fix(webui): display library navigation as bottom bar for sm screens

This commit is contained in:
Gauthier Roebroeck 2022-02-21 11:02:16 +08:00
parent 167bca8d3f
commit 70a546f19c
5 changed files with 9 additions and 9 deletions

View file

@ -3,7 +3,7 @@
<v-bottom-navigation
v-if="show && bottomNavigation"
grow color="primary"
:fixed="$vuetify.breakpoint.name === 'xs'"
:fixed="bottomNavigation"
>
<v-btn v-if="showRecommended"
:to="{name: 'recommended-libraries', params: {libraryId: libraryId}}"

View file

@ -14,7 +14,7 @@
<v-spacer/>
<library-navigation v-if="$vuetify.breakpoint.name !== 'xs'" :libraryId="libraryId"/>
<library-navigation v-if="$vuetify.breakpoint.mdAndUp" :libraryId="libraryId"/>
<v-spacer/>
@ -30,7 +30,7 @@
@delete="deleteCollections"
/>
<library-navigation v-if="$vuetify.breakpoint.name === 'xs'" :libraryId="libraryId" bottom-navigation/>
<library-navigation v-if="$vuetify.breakpoint.smAndDown" :libraryId="libraryId" bottom-navigation/>
<v-container fluid>
<v-pagination

View file

@ -14,7 +14,7 @@
<v-spacer/>
<library-navigation v-if="$vuetify.breakpoint.name !== 'xs'" :libraryId="libraryId"/>
<library-navigation v-if="$vuetify.breakpoint.mdAndUp" :libraryId="libraryId"/>
<v-spacer/>
@ -38,7 +38,7 @@
@delete="deleteSeries"
/>
<library-navigation v-if="$vuetify.breakpoint.name === 'xs'" :libraryId="libraryId" bottom-navigation/>
<library-navigation v-if="$vuetify.breakpoint.smAndDown" :libraryId="libraryId" bottom-navigation/>
<filter-drawer
v-model="drawer"

View file

@ -14,7 +14,7 @@
<v-spacer/>
<library-navigation v-if="$vuetify.breakpoint.name !== 'xs'" :libraryId="libraryId"/>
<library-navigation v-if="$vuetify.breakpoint.mdAndUp" :libraryId="libraryId"/>
<v-spacer/>
@ -30,7 +30,7 @@
@delete="deleteReadLists"
/>
<library-navigation v-if="$vuetify.breakpoint.name === 'xs'" :libraryId="libraryId" bottom-navigation/>
<library-navigation v-if="$vuetify.breakpoint.smAndDown" :libraryId="libraryId" bottom-navigation/>
<v-container fluid>
<v-pagination

View file

@ -11,13 +11,13 @@
<v-spacer/>
<library-navigation v-if="individualLibrary && $vuetify.breakpoint.name !== 'xs'" :libraryId="libraryId"/>
<library-navigation v-if="individualLibrary && $vuetify.breakpoint.mdAndUp" :libraryId="libraryId"/>
<v-spacer/>
</toolbar-sticky>
<library-navigation v-if="individualLibrary && $vuetify.breakpoint.name === 'xs'" :libraryId="libraryId"
<library-navigation v-if="individualLibrary && $vuetify.breakpoint.smAndDown" :libraryId="libraryId"
bottom-navigation/>
<multi-select-bar