mirror of
https://github.com/gotson/komga.git
synced 2025-12-16 13:33:49 +01:00
fix(webui): display library navigation as bottom bar for sm screens
This commit is contained in:
parent
167bca8d3f
commit
70a546f19c
5 changed files with 9 additions and 9 deletions
|
|
@ -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}}"
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in a new issue