Fix admin sidebar favicon

This commit is contained in:
gpt-engineer-app[bot]
2025-11-02 18:53:46 +00:00
parent 10331058f1
commit e16bc05cdb

View File

@@ -72,28 +72,36 @@ export function AdminSidebar() {
return ( return (
<Sidebar collapsible="icon"> <Sidebar collapsible="icon">
<SidebarHeader className="border-b border-border/40 px-4 py-4"> <SidebarHeader className="border-b border-border/40 px-4 py-4">
{!collapsed && ( <div className="flex items-center gap-2 min-h-[32px]">
<div className="flex items-center gap-2"> <div className="flex items-center justify-center flex-shrink-0">
<img <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" 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"> </div>
<span className="text-sm font-semibold">ThrillWiki</span> {!collapsed && (
<span className="text-xs text-muted-foreground">Admin Panel</span> <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>
</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>
)}
</SidebarHeader> </SidebarHeader>
<SidebarContent> <SidebarContent>