Backup_Repos/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2025-12-19 15:04:23 +01:00
Code Issues Projects Releases Wiki Activity

refactor(webui): use breakpoint conditionals

Browse source
This commit is contained in:
Gauthier Roebroeck 2022-02-21 11:11:22 +08:00
parent 70a546f19c
commit 50ab60fc59
5 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
komga-webui/src/views/BrowseCollections.vue
View file

@ -1,5 +1,5 @@
<template>
<div :style="$vuetify.breakpoint.name === 'xs' ? 'margin-bottom: 56px' : undefined">
<div :style="$vuetify.breakpoint.xs ? 'margin-bottom: 56px' : undefined">
<toolbar-sticky v-if="selectedCollections.length === 0">
<!-- Action menu -->
<library-actions-menu v-if="library"

2
komga-webui/src/views/BrowseLibraries.vue
View file

@ -1,5 +1,5 @@
<template>
<div :style="$vuetify.breakpoint.name === 'xs' ? 'margin-bottom: 56px' : undefined">
<div :style="$vuetify.breakpoint.xs ? 'margin-bottom: 56px' : undefined">
<toolbar-sticky v-if="selectedSeries.length === 0">
<!-- Action menu -->
<library-actions-menu v-if="library"

2
komga-webui/src/views/BrowseReadLists.vue
View file

@ -1,5 +1,5 @@
<template>
<div :style="$vuetify.breakpoint.name === 'xs' ? 'margin-bottom: 56px' : undefined">
<div :style="$vuetify.breakpoint.xs ? 'margin-bottom: 56px' : undefined">
<toolbar-sticky v-if="selectedReadLists.length === 0">
<!-- Action menu -->
<library-actions-menu v-if="library"

4
komga-webui/src/views/DashboardView.vue
View file

@ -1,5 +1,5 @@
<template>
<div :style="$vuetify.breakpoint.name === 'xs' ? 'margin-bottom: 56px' : undefined">
<div :style="$vuetify.breakpoint.xs ? 'margin-bottom: 56px' : undefined">
<toolbar-sticky v-if="individualLibrary && selectedSeries.length === 0">
<!-- Action menu -->
<library-actions-menu v-if="library"
@ -311,7 +311,7 @@ export default Vue.extend({
return this.$store.getters.meAdmin
},
fixedCardWidth(): number {
return this.$vuetify.breakpoint.name === 'xs' ? 120 : 150
return this.$vuetify.breakpoint.xs ? 120 : 150
},
allEmpty(): boolean {
return this.loaderNewSeries?.items.length === 0 &&

2
komga-webui/src/views/SearchView.vue
View file

@ -249,7 +249,7 @@ export default Vue.extend({
return this.$store.getters.meAdmin
},
fixedCardWidth(): number {
return this.$vuetify.breakpoint.name === 'xs' ? 120 : 150
return this.$vuetify.breakpoint.xs ? 120 : 150
},
showToolbar(): boolean {
return this.selectedSeries.length === 0 && this.selectedBooks.length === 0 && this.selectedCollections.length === 0 && this.selectedReadLists.length === 0