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

fix(webui): fix metadata dialogs on xs screens

Browse source
This commit is contained in:
Gauthier Roebroeck 2020-03-23 11:06:05 +08:00
parent 4566877908
commit 112837a163
4 changed files with 19 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
komga-webui/.editorconfig
View file

@ -1,4 +1,4 @@
[*.{js, jsx, ts, tsx, vue}]
[*.{js, jsx, ts, tsx, vue, sass}]
indent_style = space
indent_size = 2
trim_trailing_whitespace = true

10
komga-webui/src/components/EditBooksDialog.vue
View file

@ -34,8 +34,7 @@
</v-tab>
<!-- Tab: General -->
<v-tab-item
:style="$vuetify.breakpoint.smAndUp ? `max-height: ${$vuetify.breakpoint.height * .5}px;overflow-y: scroll` : ''">
<v-tab-item>
<v-card flat>
<v-container fluid>
@ -229,8 +228,7 @@
</v-tab-item>
<!-- Tab: Authors -->
<v-tab-item
:style="$vuetify.breakpoint.smAndUp ? `max-height: ${$vuetify.breakpoint.height * .5}px;overflow-y: scroll` : ''">
<v-tab-item>
<v-card flat>
<v-container fluid>
<v-alert v-if="!single"
@ -576,6 +574,6 @@ export default Vue.extend({
})
</script>
<style scoped>
<style lang="sass" scoped>
@import '../styles/tabbed-dialog.sass'
</style>

8
komga-webui/src/components/EditSeriesDialog.vue
View file

@ -30,9 +30,7 @@
</v-tab>
<!-- General -->
<v-tab-item
:style="$vuetify.breakpoint.smAndUp ? `max-height: ${$vuetify.breakpoint.height * .5}px;overflow-y: scroll` : ''"
>
<v-tab-item>
<v-card flat>
<v-container fluid>
@ -298,6 +296,6 @@ export default Vue.extend({
})
</script>
<style scoped>
<style lang="sass" scoped>
@import '../styles/tabbed-dialog.sass'
</style>

11
komga-webui/src/styles/tabbed-dialog.sass Normal file
View file

@ -0,0 +1,11 @@
@import '~vuetify/src/styles/styles.sass'
@media #{map-get($display-breakpoints, 'xs-only')}
.v-tabs-items .v-window-item
height: calc(100vh - 104px)
overflow-y: scroll
@media #{map-get($display-breakpoints, 'sm-and-up')}
.v-tabs-items .v-window-item
max-height: 50vh
overflow-y: scroll