fix(pwa): switch to absolute viewport unit in standalone mode

Author: dvcol

src/styles/base.scss

@@ -18,6 +18,20 @@
   --width-40-dvh: 40dvw;
   --width-70-dvh: 70dvw;
 
+  @media (display-mode: standalone) {
+    /* height */
+    --full-height: 100vh;
+    --half-height: 50vh;
+    --height-40-dvh: 40vh;
+    --height-70-dvh: 70vh;
+
+    /** width */
+    --full-width: 100vw;
+    --half-width: 50vw;
+    --width-40-dvh: 40vw;
+    --width-70-dvh: 70vw;
+  }
+
   /* font variables */
   --font-size-xxs: 0.625rem;
   --font-size-xs: 0.75rem;

src/styles/mixin.scss

@@ -74,7 +74,7 @@
     scale: 0.95;
 
     &.show {
-      max-height: 100dvh;
+      max-height: var(--full-height, 100dvh);
       margin-top: initial;
       opacity: 1;
       transition: