fix(ui): use dvh instead of vh

Author: fiftin

web/src/App.vue

@@ -152,6 +152,7 @@
       v-model="drawer"
       mobile-breakpoint="960"
       v-if="$route.path.startsWith('/project/')"
+      class="NavDrawer"
     >
       <v-menu bottom max-width="235" max-height="100%" v-if="project">
         <template v-slot:activator="{ on, attrs }">
@@ -699,6 +700,9 @@
   <v-app v-else></v-app>
 </template>
 <style lang="scss">
+.NavDrawer {
+  height: 100dvh !important;
+}
 .NewProSubscriptionMenuItem {
   transition: 0.2s transform;
   .v-list-item__content, .v-list-item__icon {

web/src/components/InventoryForm.vue

@@ -149,11 +149,11 @@
 }
 
 .v-dialog--fullscreen .InventoryEditor--static .CodeMirror {
-  height: calc(100vh - 540px) !important;
+  height: calc(100dvh - 540px) !important;
 }
 
 .v-dialog--fullscreen .InventoryEditor--static-yaml .CodeMirror {
-  height: calc(100vh - 600px) !important;
+  height: calc(100dvh - 600px) !important;
 }
 </style>
 <script>

web/src/components/TaskLogDialog.vue

@@ -56,7 +56,7 @@
 .task-log-view__placeholder {
   margin-left: 24px;
   margin-right: 24px;
-  height: calc(100vh - 208px);
+  height: calc(100dvh - 208px);
 }
 </style>
 <script>

web/src/components/TaskLogView.vue

@@ -179,7 +179,7 @@ $task-log-status-tab-height:
 .task-log-records {
   background: black;
   color: white;
-  height: calc(90vh - #{$card-title-height + $task-log-status-tab-height});
+  height: calc(90dvh - #{$card-title-height + $task-log-status-tab-height});
   overflow: auto;
   font-family: monospace;
   margin: 0;
@@ -191,18 +191,18 @@ $task-log-status-tab-height:
 }
 
 .task-log-view--with-message .task-log-records {
-  height: calc(90vh -
+  height: calc(90dvh -
     #{$card-title-height + $task-log-message-height-total + $task-log-status-tab-height});
 }
 
 .v-dialog--fullscreen {
 
   .task-log-records {
-    height: calc(100vh - #{$card-title-height + $task-log-status-tab-height});
+    height: calc(100dvh - #{$card-title-height + $task-log-status-tab-height});
   }
 
   .task-log-view--with-message .task-log-records {
-    height: calc(100vh -
+    height: calc(100dvh -
       #{$card-title-height + $task-log-message-height-total + $task-log-status-tab-height});
   }
 }

web/src/views/Auth.vue

@@ -323,7 +323,7 @@
   }
 }
 .auth {
-  height: 100vh;
+  height: 100dvh;
   background: #80808024;
 }
 .auth {