Merge pull request #144 from swiss/bugfix/top-bar-navigation

fix(top-bar-navigation): hide icon in top bar navigation
swiss · Jan 15, 2025 · 0fc84f7 · 0fc84f7
2 parents cf0722c + 4752db8
commit 0fc84f7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 10 deletions.
diff --git a/app/components/ch/navigations/TopBarNavigation.vue b/app/components/ch/navigations/TopBarNavigation.vue
@@ -31,7 +31,7 @@
         </a>
       </li>
       <li>
-        <a href="#" class="desktop-only">
+        <a href="#">
           <span>Anmelden </span>
           <SvgIcon icon="User" size="lg" />
         </a>

diff --git a/css/navigations/top-bar-navigation.postcss b/css/navigations/top-bar-navigation.postcss
@@ -22,21 +22,17 @@
     @apply hover:text-text-300 focus:text-text-300;
     @apply h-full px-1 lg:px-2;
     @apply transition-colors;
-  }
-
-  .desktop-only {
-    @apply hidden lg:flex;
-  }
-
-  .mobile-only {
-    @apply lg:hidden;
-  }
+  } 
 }
 
 .top-bar-navigation--mobile {
   @apply flex flex-col pb-12;
   @apply bg-secondary-500;
 
+  svg {
+    @apply hidden;
+  }
+
   a {
     @apply flex items-center;
     @apply hover:text-text-300 focus:text-text-300;