From 895df3f7d94c3984ef43726d540c670ca5175f38 Mon Sep 17 00:00:00 2001
From: Froidefond Julien <julienfroidefond@gmail.com>
Date: Mon, 23 Feb 2026 13:55:26 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20grille=20dashboard=20fluide,=20conteneu?=
 =?UTF-8?q?r=20=C3=A9largi=20et=20theme=20toggle=20plus=20visible?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- max-w-5xl → max-w-7xl sur le layout global
- grille auto-fill minmax(300px,1fr) pour grands écrans
- ThemeToggle : bordure + fond permanents, emoji text-lg

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/layout.tsx                 | 2 +-
 src/components/DashboardClient.tsx | 4 ++--
 src/components/ThemeToggle.tsx     | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 18f35d7..df54d9d 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -31,7 +31,7 @@ export default function RootLayout({
         <SessionProvider>
           <ThemeProvider>
             <Header />
-            <main className="mx-auto max-w-5xl px-4 py-6">{children}</main>
+            <main className="mx-auto max-w-7xl px-4 py-6">{children}</main>
           </ThemeProvider>
         </SessionProvider>
       </body>
diff --git a/src/components/DashboardClient.tsx b/src/components/DashboardClient.tsx
index 40e87a5..6cb0a45 100644
--- a/src/components/DashboardClient.tsx
+++ b/src/components/DashboardClient.tsx
@@ -305,7 +305,7 @@ export function DashboardClient({ evaluations }: DashboardClientProps) {
                 <h2 className="mb-3 font-mono text-sm font-medium text-zinc-600 dark:text-zinc-400">
                   {team ?? "Sans équipe"}
                 </h2>
-                <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+                <div className="grid gap-4 [grid-template-columns:repeat(auto-fill,minmax(300px,1fr))]">
                   {evals.map((e) => (
                     <EvalCard
                       key={e.id}
@@ -322,7 +322,7 @@ export function DashboardClient({ evaluations }: DashboardClientProps) {
             ))}
         </div>
       ) : (
-        <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+        <div className="grid gap-4 [grid-template-columns:repeat(auto-fill,minmax(300px,1fr))]">
           {list.map((e) => (
             <EvalCard
               key={e.id}
diff --git a/src/components/ThemeToggle.tsx b/src/components/ThemeToggle.tsx
index cc25699..10ee28e 100644
--- a/src/components/ThemeToggle.tsx
+++ b/src/components/ThemeToggle.tsx
@@ -9,7 +9,7 @@ export function ThemeToggle() {
     <button
       type="button"
       onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
-      className="font-mono text-xs text-zinc-600 dark:text-zinc-500 hover:text-zinc-800 dark:hover:text-zinc-300 transition-colors"
+      className="flex items-center justify-center w-8 h-8 rounded border border-zinc-200 dark:border-zinc-600 bg-zinc-50 dark:bg-zinc-800 text-lg text-zinc-600 dark:text-zinc-300 hover:border-zinc-300 dark:hover:border-zinc-500 hover:bg-zinc-100 dark:hover:bg-zinc-700 transition-colors"
       title={theme === "dark" ? "Passer au thème clair" : "Passer au thème sombre"}
     >
       {theme === "dark" ? "☀" : "☽"}