fix: sidebar responsive and header responsive

bitcashorg · May 14, 2024 · 106a3de · 106a3de
1 parent 849a49f
commit 106a3de
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/apps/masterbots.ai/components/layout/user-menu.tsx b/apps/masterbots.ai/components/layout/user-menu.tsx
@@ -38,13 +38,16 @@ export function UserMenu() {
               </div>
             )}
 
-            <span className="ml-2"> {user.username}</span>
+            <span className="ml-2 truncate-title w-[calc(100vw-325px)]">
+              {' '}
+              {user.username}
+            </span>
           </Button>
         </DropdownMenuTrigger>
         <DropdownMenuContent align="start" className="w-[180px]" sideOffset={8}>
           <DropdownMenuItem className="flex-col items-start">
-            <div className="text-xs font-medium">name</div>
-            <div className="text-xs text-zinc-500">email</div>
+            <div className="text-xs font-medium">{user.username}</div>
+            <div className="text-xs text-zinc-500">{user.email}</div>
           </DropdownMenuItem>
           <DropdownMenuSeparator />
           <DropdownMenuItem className="text-xs" onClick={signout}>

diff --git a/apps/masterbots.ai/components/routes/c/sidebar/index.tsx b/apps/masterbots.ai/components/routes/c/sidebar/index.tsx
@@ -20,9 +20,7 @@ export function Sidebar({ className, children }: SidebarProps) {
       data-state={isSidebarOpen && !isLoading ? 'open' : 'closed'}
       ref={ref}
     >
-      <div className="overflow-y-auto scrollbar h-[calc(100%-113px)]">
-        {children}
-      </div>
+      <div className="overflow-y-auto scrollbar h-full">{children}</div>
     </aside>
   )
 }