Refactor GlobalHeader.vue styles

Author: totocalcio

apps/web/app/components/GlobalHeader.vue

@@ -118,14 +118,13 @@ const getAnchorPath = computed(
   width: 100vw;
   text-align: center;
   background-color: var(--color-white);
-  z-index: 1;
-
-  width: 100%;
+  padding: calc(var(--unit) * 5) 0;
   border: 0;
   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%;
+  z-index: 1;
 
   &[open] {
     translate: 0 0;
@@ -135,10 +134,6 @@ const getAnchorPath = computed(
     }
   }
 
-  & > div {
-    padding: calc(var(--unit) * 5) 0;
-  }
-
   ul {
     padding: 0;
     display: flex;