GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-05 23:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix dialog layout

Browse Source
This commit is contained in:
jxxghp
2023-07-21 21:18:30 +08:00
parent 432d0740fd
commit deae5838fc
2 changed files with 50 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/cards/MediaCard.vue
+38 -34
View File
@@ -437,46 +437,50 @@ const getImgUrl = (url: string) => {
<VDialog <VDialog
v-model="subscribeSeasonDialog" v-model="subscribeSeasonDialog"
max-width="600" max-width="600"
content-class="m-1 whitespace-nowrap" content-class="whitespace-nowrap"
scrollable
> >
<!-- Dialog Content --> <!-- Dialog Content -->
<VCard title="选择订阅季"> <VCard title="选择订阅季">
<VDataTable <VCardText style="padding: 0">
v-model="seasonsSelected" <VDataTable
:headers="seasonsHeaders" v-model="seasonsSelected"
:items="seasonInfos" :headers="seasonsHeaders"
item-value="season_number" :items="seasonInfos"
return-object item-value="season_number"
fixed-header return-object
show-select fixed-header
:items-per-page="100" show-select
density="compact" :items-per-page="100"
> density="compact"
<template #item.title="{ item }"> height="auto"
<span class="d-block whitespace-nowrap"
>第 {{ item.raw.season_number }} 季
</span></template
> >
<template #item.episodes="{ item }"> <template #item.title="{ item }">
<VChip variant="outlined" size="small">{{ item.raw.episode_count }}</VChip> <span class="d-block whitespace-nowrap"
</template> >第 {{ item.raw.season_number }} 季
<template #item.vote="{ item }"> </span></template
{{ item.raw.vote_average }}
</template>
<template #item.status="{ item }">
<VChip
:color="getExistColor(item.raw.season_number)"
v-if="seasonsNotExisted"
flat
size="small"
>{{ getExistText(item.raw.season_number) }}</VChip
> >
</template> <template #item.episodes="{ item }">
<template #no-data> 没有数据 </template> <VChip variant="outlined" size="small">{{ item.raw.episode_count }}</VChip>
<template #bottom></template> </template>
</VDataTable> <template #item.vote="{ item }">
{{ item.raw.vote_average }}
</template>
<template #item.status="{ item }">
<VChip
:color="getExistColor(item.raw.season_number)"
v-if="seasonsNotExisted"
flat
size="small"
>{{ getExistText(item.raw.season_number) }}</VChip
>
</template>
<template #no-data> 没有数据 </template>
<template #bottom></template>
</VDataTable>
</VCardText>
<VCardActions> <VCardActions>
<VBtn @click="subscribeSeasonDialog = false"> 取消 </VBtn>
<VSpacer /> <VSpacer />
<VBtn @click="subscribeSeasons" @keydown.enter="subscribeSeasons"> 确定 </VBtn> <VBtn @click="subscribeSeasons" @keydown.enter="subscribeSeasons"> 确定 </VBtn>
</VCardActions> </VCardActions>
src/styles/styles.scss
+12 -2
View File
@@ -37,6 +37,16 @@
} }
.v-dialog > .v-overlay__content { .v-dialog > .v-overlay__content {
margin-top: calc(env(safe-area-inset-top) + 1rem) !important; margin-top: calc(env(safe-area-inset-top) + 1rem);
max-height: calc(100% - env(safe-area-inset-top) - 2rem) !important; max-height: calc(100% - env(safe-area-inset-top) - 1rem);
}
.v-dialog > .v-overlay__content{
width: calc(100% - 1rem);
}
.v-dialog--fullscreen > .v-overlay__content{
margin-top: env(safe-area-inset-top);
max-height: calc(100% - env(safe-area-inset-top));
width: 100%;
} }