diff --git a/src/components/cards/SiteCard.vue b/src/components/cards/SiteCard.vue index 5b2166d9..af3d0786 100644 --- a/src/components/cards/SiteCard.vue +++ b/src/components/cards/SiteCard.vue @@ -319,7 +319,7 @@ onMounted(() => { - + diff --git a/src/components/cards/SubscribeCard.vue b/src/components/cards/SubscribeCard.vue index deb7ab81..ee2db10c 100644 --- a/src/components/cards/SubscribeCard.vue +++ b/src/components/cards/SubscribeCard.vue @@ -301,7 +301,7 @@ const subscribeForm = reactive({ /> - + diff --git a/src/styles/styles.scss b/src/styles/styles.scss index 374e54c4..6ff19c1b 100644 --- a/src/styles/styles.scss +++ b/src/styles/styles.scss @@ -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; }