GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-05-11 18:10:49 +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

72
src/components/cards/MediaCard.vue
View File

@@ -437,46 +437,50 @@ const getImgUrl = (url: string) => {
<VDialog
v-model="subscribeSeasonDialog"
max-width="600"
content-class="m-1 whitespace-nowrap"
content-class="whitespace-nowrap"
scrollable
>
<!-- Dialog Content -->
<VCard title="选择订阅季">
<VDataTable
v-model="seasonsSelected"
:headers="seasonsHeaders"
:items="seasonInfos"
item-value="season_number"
return-object
fixed-header
show-select
:items-per-page="100"
density="compact"
>
<template #item.title="{ item }">
<span class="d-block whitespace-nowrap"
>第 {{ item.raw.season_number }} 季
</span></template
<VCardText style="padding: 0">
<VDataTable
v-model="seasonsSelected"
:headers="seasonsHeaders"
:items="seasonInfos"
item-value="season_number"
return-object
fixed-header
show-select
:items-per-page="100"
density="compact"
height="auto"
>
<template #item.episodes="{ item }">
<VChip variant="outlined" size="small">{{ item.raw.episode_count }}</VChip>
</template>
<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 #item.title="{ item }">
<span class="d-block whitespace-nowrap"
>第 {{ item.raw.season_number }} 季
</span></template
>
</template>
<template #no-data> 没有数据 </template>
<template #bottom></template>
</VDataTable>
<template #item.episodes="{ item }">
<VChip variant="outlined" size="small">{{ item.raw.episode_count }}</VChip>
</template>
<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>
<VBtn @click="subscribeSeasonDialog = false"> 取消 </VBtn>
<VSpacer />
<VBtn @click="subscribeSeasons" @keydown.enter="subscribeSeasons"> 确定 </VBtn>
</VCardActions>

14
src/styles/styles.scss
View File

@@ -37,6 +37,16 @@
}
.v-dialog > .v-overlay__content {
margin-top: calc(env(safe-area-inset-top) + 1rem) !important;
max-height: calc(100% - env(safe-area-inset-top) - 2rem) !important;
margin-top: calc(env(safe-area-inset-top) + 1rem);
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%;
}