From e16bc05cdb36993106d01347cb3ab39317b9fe96 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 2 Nov 2025 18:53:46 +0000
Subject: [PATCH] Fix admin sidebar favicon

---
 src/components/layout/AdminSidebar.tsx | 44 +++++++++++++++-----------
 1 file changed, 26 insertions(+), 18 deletions(-)

diff --git a/src/components/layout/AdminSidebar.tsx b/src/components/layout/AdminSidebar.tsx
index 6d951673..be5eac98 100644
--- a/src/components/layout/AdminSidebar.tsx
+++ b/src/components/layout/AdminSidebar.tsx
@@ -72,28 +72,36 @@ export function AdminSidebar() {
   return (
     <Sidebar collapsible="icon">
       <SidebarHeader className="border-b border-border/40 px-4 py-4">
-        {!collapsed && (
-          <div className="flex items-center gap-2">
+        <div className="flex items-center gap-2 min-h-[32px]">
+          <div className="flex items-center justify-center flex-shrink-0">
             <img 
-              src="https://cdn.thrillwiki.com/images/5d06b122-a3a3-47bc-6176-f93ad8f0ce00/favicon128" 
+              src="https://cdn.thrillwiki.com/images/5d06b122-a3a3-47bc-6176-f93ad8f0ce00/favicon512" 
               alt="ThrillWiki" 
-              className="w-8 h-8"
+              width="32"
+              height="32"
+              loading="eager"
+              decoding="async"
+              draggable="false"
+              className={`
+                object-contain
+                transition-all duration-200 ease-in-out
+                ${collapsed ? 'w-6 h-6' : 'w-8 h-8'}
+              `}
+              onError={(e) => {
+                const img = e.target as HTMLImageElement;
+                if (!img.src.includes('favicon128')) {
+                  img.src = 'https://cdn.thrillwiki.com/images/5d06b122-a3a3-47bc-6176-f93ad8f0ce00/favicon128';
+                }
+              }}
             />
-            <div className="flex flex-col">
-              <span className="text-sm font-semibold">ThrillWiki</span>
-              <span className="text-xs text-muted-foreground">Admin Panel</span>
+          </div>
+          {!collapsed && (
+            <div className="flex flex-col overflow-hidden">
+              <span className="text-sm font-semibold truncate">ThrillWiki</span>
+              <span className="text-xs text-muted-foreground truncate">Admin Panel</span>
             </div>
-          </div>
-        )}
-        {collapsed && (
-          <div className="flex items-center justify-center">
-            <img 
-              src="https://cdn.thrillwiki.com/images/5d06b122-a3a3-47bc-6176-f93ad8f0ce00/favicon128" 
-              alt="ThrillWiki" 
-              className="w-6 h-6"
-            />
-          </div>
-        )}
+          )}
+        </div>
       </SidebarHeader>
 
       <SidebarContent>