dvh was not picked in production

Using min,max-heigh with dvh to fix the issue Height using vh as fallback
nimiq · Sep 6, 2023 · d154576 · d154576
1 parent a0ce880
commit d154576
Showing 1 changed file with 1 addition and 6 deletions.
diff --git a/src/components/MobileView.vue b/src/components/MobileView.vue
@@ -30,7 +30,7 @@ watch(selectedUuid, (uuid) => {
 </script>
 
 <template>
-  <div class="flex flex-col h-screen-mobile">
+  <div class="flex flex-col h-screen min-h-[100dvh] max-h-[100dvh]">
     <InteractionBar />
     <TheMapInstance class="relative flex-1" />
     <!-- Shadow -->
@@ -58,11 +58,6 @@ watch(selectedUuid, (uuid) => {
 </template>
 
 <style scoped>
-.h-screen-mobile {
-  height: 100vh;
-  min-height: 100dvh;
-  max-height: 100dvh;
-}
 .scale-enter-active {
   animation: icon-in 200ms ease-out 200ms;
   opacity: 0;