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

fix: expand subscribe season sheet on mobile

Browse Source
This commit is contained in:
jxxghp
2026-06-25 15:12:50 +08:00
parent e445437129
commit d17ca69a28
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/dialog/SubscribeSeasonDialog.vue
+10 -1
View File
@@ -6,6 +6,7 @@ import NoDataFound from '@/components/states/NoDataFound.vue'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { useGlobalSettingsStore } from '@/stores' import { useGlobalSettingsStore } from '@/stores'
import type { SeasonSubscribeModes, SubscribeMode } from '@/composables/useMediaSubscribe' import type { SeasonSubscribeModes, SubscribeMode } from '@/composables/useMediaSubscribe'
import { useDisplay } from 'vuetify'
type SubscribeModeOption = { type SubscribeModeOption = {
icon: string icon: string
@@ -22,6 +23,7 @@ type EpisodeGroupOption = {
// 国际化 // 国际化
const { t } = useI18n() const { t } = useI18n()
const { mdAndUp } = useDisplay()
// 定义事件 // 定义事件
const emit = defineEmits(['subscribe', 'close']) const emit = defineEmits(['subscribe', 'close'])
@@ -375,7 +377,7 @@ onMounted(async () => {
</script> </script>
<template> <template>
<VBottomSheet inset scrollable content-class="subscribe-season-sheet"> <VBottomSheet :inset="mdAndUp" scrollable content-class="subscribe-season-sheet">
<VCard class="subscribe-season-dialog"> <VCard class="subscribe-season-dialog">
<VDialogCloseBtn @click="emit('close')" /> <VDialogCloseBtn @click="emit('close')" />
<VCardItem> <VCardItem>
@@ -647,6 +649,13 @@ onMounted(async () => {
} }
@media (width <= 960px) { @media (width <= 960px) {
.subscribe-season-dialog {
inline-size: 100vw;
max-block-size: min(42rem, 100vh);
border-end-start-radius: 0;
border-end-end-radius: 0;
}
.subscribe-season-actions { .subscribe-season-actions {
gap: 0.375rem; gap: 0.375rem;
min-inline-size: 6.75rem; min-inline-size: 6.75rem;