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
+1 -1
View File
@@ -319,7 +319,7 @@ onMounted(() => {
</VCard> </VCard>
</VDialog> </VDialog>
<!-- 站点编辑弹窗 --> <!-- 站点编辑弹窗 -->
<VDialog v-model="siteInfoDialog" max-width="1000" persistent> <VDialog v-model="siteInfoDialog" max-width="1000" persistent scrollable>
<!-- Dialog Content --> <!-- Dialog Content -->
<VCard :title="`编辑站点 - ${props.site?.name}`"> <VCard :title="`编辑站点 - ${props.site?.name}`">
<VCardText> <VCardText>
+1 -1
View File
@@ -301,7 +301,7 @@ const subscribeForm = reactive({
/> />
</VCard> </VCard>
<!-- 订阅编辑弹窗 --> <!-- 订阅编辑弹窗 -->
<VDialog v-model="subscribeInfoDialog" max-width="1000" persistent> <VDialog v-model="subscribeInfoDialog" max-width="1000" persistent scrollable>
<!-- Dialog Content --> <!-- Dialog Content -->
<VCard :title="`编辑订阅 - ${props.media?.name}`"> <VCard :title="`编辑订阅 - ${props.media?.name}`">
<VCardText> <VCardText>
+4 -5
View File
@@ -36,9 +36,8 @@
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.v-overlay__content { .v-dialog > .v-overlay__content {
margin-top: env(safe-area-inset-top) !important; margin-top: calc(env(safe-area-inset-top) + 1rem) !important;
padding-bottom: env(safe-area-inset-bottom) !important; max-height: calc(100% - env(safe-area-inset-top) - 2rem) !important;
margin-left: 0.5rem; margin: 0.5rem;
margin-right: 0.5rem;
} }