only set pwa-padding in standalone

hyperlink-academy · Feb 9, 2023 · 345b833 · 345b833 · vercel · Feb 9, 2023
1 parent 2c68809
commit 345b833
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/styles/globals.css b/styles/globals.css
@@ -247,12 +247,12 @@ input {
   scrollbar-width: none; /* Firefox */
 }
 
-.pwa-padding {
-  padding-top: env(safe-area-inset-top) !important;
-}
+@media (display-mode: standalone), (display-mode: fullscreen) {
+  .pwa-padding {
+    padding-top: env(safe-area-inset-top) !important;
+  }
 
-@media (display-mode: standalone) {
   .safari-pwa-height {
-    !height: 100lvh;
+    height: 100lvh !important;
   }
 }