Fix navigation overflow

FinWave-App · Apr 23, 2024 · cdbcfea · cdbcfea
1 parent b6c8e39
commit cdbcfea
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/components/nav/navigation.vue b/components/nav/navigation.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="navbar bg-base-100 shadow overflow-hidden">
+  <div class="navbar bg-base-100 shadow max-w-full">
     <div class="navbar-start gap-2">
       <div class="dropdown dropdown-hover">
-        <div tabindex="0" role="button" class="btn btn-ghost xl:hidden">
+        <div tabindex="0" role="button" class="btn btn-ghost 2xl:hidden">
           <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" /></svg>
         </div>
 
@@ -22,7 +22,7 @@
     </div>
 
     <div class="navbar-center">
-      <div class="hidden xl:flex w-full">
+      <div class="hidden 2xl:flex w-full">
         <nav-menu class="menu menu-horizontal px-1">
         </nav-menu>
       </div>

diff --git a/components/nav/user/user.vue b/components/nav/user/user.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="flex flex-col justify-center items-center">
-    <div class="dropdown dropdown-end dropdown-hover">
+    <div class="dropdown dropdown-end dropdown-hover max-w-52">
       <div tabindex="0" role="button" class="cursor-pointer m-1">
-        <avatar :avatar-letter="avatarLetter" :username="username"/>
+        <avatar class="overflow-hidden" :avatar-letter="avatarLetter" :username="username"/>
       </div>
       <ul tabindex="0" class="dropdown-content z-[2] menu p-2 shadow bg-base-100 rounded-box w-52">
         <li v-if="adminAllowed" @click="handleClick">