From 36451004023257b3695b475453363e86e9a0de97 Mon Sep 17 00:00:00 2001 From: Amir Raminfar Date: Mon, 21 Apr 2025 12:13:28 -0700 Subject: [PATCH] fix: fixes mobile menu having the wrong margin in pwa (#3826) --- assets/components/ScrollableView.vue | 2 +- assets/components/common/MobileMenu.vue | 46 ++++++++++-------- assets/layouts/default.vue | 2 +- .../dark-homepage-1-chromium-linux.png | Bin 17408 -> 17416 bytes .../default-homepage-1-chromium-linux.png | Bin 17161 -> 17222 bytes 5 files changed, 28 insertions(+), 22 deletions(-) diff --git a/assets/components/ScrollableView.vue b/assets/components/ScrollableView.vue index e7ea28aa..0fab9610 100644 --- a/assets/components/ScrollableView.vue +++ b/assets/components/ScrollableView.vue @@ -2,7 +2,7 @@
diff --git a/assets/components/common/MobileMenu.vue b/assets/components/common/MobileMenu.vue index 0f635033..181fdd25 100644 --- a/assets/components/common/MobileMenu.vue +++ b/assets/components/common/MobileMenu.vue @@ -1,27 +1,29 @@ @@ -55,4 +57,8 @@ watch(route, () => { .fade-leave-to > div { @apply -translate-y-10; } + +nav { + padding-top: env(safe-area-inset-top); +} diff --git a/assets/layouts/default.vue b/assets/layouts/default.vue index 207e09a8..4b7072c0 100644 --- a/assets/layouts/default.vue +++ b/assets/layouts/default.vue @@ -1,6 +1,6 @@