Refactor GlobalHeader.vue styles: Update translate values for smooth …

…animation
vuejs-jp · Oct 13, 2024 · 9324547 · 9324547
1 parent 0e6b766
commit 9324547
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/web/app/components/GlobalHeader.vue b/apps/web/app/components/GlobalHeader.vue
@@ -126,14 +126,14 @@ const getAnchorPath = computed(
   transition:
     translate 0.6s cubic-bezier(0.4, 0, 0.2, 1),
     display 0.6s cubic-bezier(0.4, 0, 0.2, 1) allow-discrete;
-  translate: 0 -100%;
+  translate: 0 -100dvh;
   z-index: 1;
 
   &[open] {
     translate: 0 0;
 
     @starting-style {
-      translate: 0 -100%;
+      translate: 0 -100dvh;
     }
   }