fix dialog layout

This commit is contained in:
jxxghp
2023-07-21 19:14:49 +08:00
parent a9b0d5acef
commit 7478699171
3 changed files with 6 additions and 7 deletions

View File

@@ -319,7 +319,7 @@ onMounted(() => {
</VCard>
</VDialog>
<!-- 站点编辑弹窗 -->
<VDialog v-model="siteInfoDialog" max-width="1000" persistent>
<VDialog v-model="siteInfoDialog" max-width="1000" persistent scrollable>
<!-- Dialog Content -->
<VCard :title="`编辑站点 - ${props.site?.name}`">
<VCardText>

View File

@@ -301,7 +301,7 @@ const subscribeForm = reactive({
/>
</VCard>
<!-- 订阅编辑弹窗 -->
<VDialog v-model="subscribeInfoDialog" max-width="1000" persistent>
<VDialog v-model="subscribeInfoDialog" max-width="1000" persistent scrollable>
<!-- Dialog Content -->
<VCard :title="`编辑订阅 - ${props.media?.name}`">
<VCardText>

View File

@@ -36,9 +36,8 @@
transform: translate(-50%, -50%);
}
.v-overlay__content {
margin-top: env(safe-area-inset-top) !important;
padding-bottom: env(safe-area-inset-bottom) !important;
margin-left: 0.5rem;
margin-right: 0.5rem;
.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: 0.5rem;
}