fix(navigation-v2): fix white bottom issue

swiss · Sep 26, 2024 · 67dc988 · 67dc988
1 parent 9696482
commit 67dc988
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/app/components/ch/sections/MobileMenuV2.vue b/app/components/ch/sections/MobileMenuV2.vue
@@ -295,7 +295,7 @@ export default {
       const currentLevel = document.getElementById(
         `mobile-menu-v2__level-${this.currentLevel}`
       )
-      currentLevel.style.paddingTop = `${titleContainer.clientHeight}px`
+      currentLevel.style.borderTopWidth = `${titleContainer.clientHeight}px`
       header.style.height = `${titleContainer.clientHeight}px`
     },
     scroolToTop() {

diff --git a/css/sections/mobile-menu.postcss b/css/sections/mobile-menu.postcss
@@ -36,12 +36,12 @@
 \*----------------------------------------*/
 
 .mobile-menu-v2 {
+  @apply bg-secondary-500;
   @apply invisible opacity-0 lg:hidden;
   @apply overflow-hidden;
   @apply w-full h-0;
   @apply absolute z-50;
   @apply transition-opacity duration-700;
-  @apply bg-white shadow-2xl;
   @apply top-0 left-0 right-0 bottom-0;
 }
 
@@ -109,9 +109,7 @@
 .mobile-menu-v2-body {
   @apply h-full w-full;
 
-  .mobile-menu-v2-navigation-container {
-    @apply h-full;
-    @apply bg-secondary-500;
+  .mobile-menu-v2-navigation-container {    
     & .mobile-menu-v2-navigation li > a {
       @apply menu__item menu__item--small;
       @apply menu__item--border w-full;
@@ -161,6 +159,7 @@
 
 .mobile-menu-v2__level {
   @apply bg-white;
+  @apply border-white;
   position: absolute;
   left: 0;
   right: 0;