tmp

ui/src/components/NavigationBar.tsx

@@ -33,6 +33,7 @@ import { Link as RouterLink, useLocation } from "react-router-dom";
 import { twMerge } from "tailwind-merge";
 import { SignOutButton } from "./SignOutButton";
 import { ThemeSwitcher } from "./ThemeSwitcher";
+import { TypographyMuted } from "./ui/typography";
 
 type NavLinkItem = {
   isActive?: boolean;
@@ -126,14 +127,18 @@ export function UserMenuPopover({ isCollapsed }: { isCollapsed: boolean }) {
               </AvatarBadge>
             </Avatar>
             <div className="flex flex-row gap-2 items-center">
-              <p className="font-bold text-gray-300/90 text-sm align-center">{user.name}</p>
-              <SignOutButton />
+              <TypographyMuted className="font-bold text-gray-300/90 text-sm align-center">
+                {user.name}
+              </TypographyMuted>
             </div>
           </div>
 
-          <Separator className="border-gray-300/70" />
+          <Separator className="my-2 border-gray-300/70" />
 
-          <ThemeSwitcher />
+          <div className="flex flex-row gap-2 items-center">
+            <ThemeSwitcher />
+            <SignOutButton />
+          </div>
         </div>
       </PopoverContent>
     </ShadcnPopover>

ui/src/components/TabloModal.tsx

@@ -87,10 +87,10 @@ export const TabloModal = ({ tablo, onClose, onEdit }: TabloModalProps) => {
     const file = files?.[0];
     if (!file) return;
 
-    // Validate file size (2MB limit)
-    const maxSize = 2 * 1024 * 1024; // 2MB in bytes
+    // Validate file size (20MB limit)
+    const maxSize = 20 * 1024 * 1024; // 20MB in bytes
     if (file.size > maxSize) {
-      setError("Le fichier ne peut pas dépasser 2MB");
+      setError("Le fichier ne peut pas dépasser 20MB");
       return;
     }
 

ui/src/components/ThemeSwitcher.tsx

@@ -51,7 +51,7 @@ export function ThemeSwitcher({ isCollapsed = false }: { isCollapsed?: boolean }
         size="icon-sm"
         onClick={() => setTheme("light")}
         aria-label="Mode clair"
-        className="flex-1"
+        className="flex-1 border"
       >
         <SunIcon className="w-4 h-4 color-foreground" />
       </Button>