Backup_Repos/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2026-02-15 11:54:48 +01:00
Code Issues Projects Releases Wiki Activity

fix(webui): wider display for collection expansion panel

Browse source 
for smaller screen size the expansion panel will take the full width
This commit is contained in:
Gauthier Roebroeck 2020-06-19 22:14:21 +08:00
parent e72f4ab57e
commit 96c95ea074
1 changed files with 28 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
komga-webui/src/views/BrowseSeries.vue
View file

@ -113,7 +113,7 @@
<v-row> <v-row>
<v-col> <v-col>
<v-expansion-panels v-model="collectionPanel"> <v-expansion-panels v-model="collectionPanel" v-if="$vuetify.breakpoint.name !== 'xs'">
<v-expansion-panel v-for="(c, i) in collections" <v-expansion-panel v-for="(c, i) in collections"
:key="i" :key="i"
> >
@ -142,6 +142,33 @@
</v-col> </v-col>
</v-row> </v-row>
<v-row v-if="$vuetify.breakpoint.name === 'xs'">
<v-expansion-panels v-model="collectionPanel">
<v-expansion-panel v-for="(c, i) in collections"
:key="i"
>
<v-expansion-panel-header>{{ c.name }} collection</v-expansion-panel-header>
<v-expansion-panel-content>
<horizontal-scroller>
<template v-slot:prepend>
<router-link class="overline"
:to="{name: 'browse-collection', params: {collectionId: c.id}}"
>Manage collection
</router-link>
</template>
<template v-slot:content>
<div v-for="(s, i) in collectionsContent[c.id]"
:key="i"
>
<item-card class="ma-2 card" :item="s"/>
</div>
</template>
</horizontal-scroller>
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-row>
<v-divider class="my-4"/> <v-divider class="my-4"/>
<empty-state <empty-state