pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-23 01:11:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix admin sidebar favicon

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-11-02 18:53:46 +00:00
parent 10331058f1
commit e16bc05cdb
1 changed files with 26 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/layout/AdminSidebar.tsx
View File

@@ -72,28 +72,36 @@ export function AdminSidebar() {
return (
<Sidebar collapsible="icon">
<SidebarHeader className="border-b border-border/40 px-4 py-4">
<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/favicon512"
alt="ThrillWiki"
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>
{!collapsed && (
<div className="flex items-center gap-2">
<img
src="https://cdn.thrillwiki.com/images/5d06b122-a3a3-47bc-6176-f93ad8f0ce00/favicon128"
alt="ThrillWiki"
className="w-8 h-8"
/>
<div className="flex flex-col">
<span className="text-sm font-semibold">ThrillWiki</span>
<span className="text-xs text-muted-foreground">Admin Panel</span>
</div>
<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>
)}
{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>
<SidebarContent>