chore(frontend): update logo source and add mascot to sidebar

Update the favicon and sidebar logo to use remote URLs from the GitHub repository. Add a mascot image to the sidebar that is only visible when the sidebar is expanded.
This commit is contained in:
MythEclipse
2026-06-03 13:50:08 +07:00
parent b08ed237c6
commit 2ea0ea5810
2 changed files with 12 additions and 3 deletions
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>GMW — Discord Moderation Watcher</title> <title>GMW — Discord Moderation Watcher</title>
<link rel="icon" type="image/svg+xml" href="/logo.svg" /> <link rel="icon" type="image/svg+xml" href="https://raw.githubusercontent.com/IMPHNEN/imphnen-frontend-service/develop/docs/logo.svg" />
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
+11 -2
View File
@@ -35,10 +35,19 @@ export function Sidebar({
<div <div
className={cn( className={cn(
"flex items-center py-5", "flex items-center py-5",
collapsed ? "justify-center" : "px-4", collapsed ? "justify-center" : "flex-col px-4",
)} )}
> >
<img src="/logo.svg" alt="GMW" className="h-8 w-8 rounded-xl" /> <img src="https://raw.githubusercontent.com/IMPHNEN/imphnen-frontend-service/develop/docs/logo.svg" alt="GMW" className="h-8 w-8 rounded-xl" />
{/* Mascot image — only when expanded */}
{!collapsed && (
<img
src="https://raw.githubusercontent.com/IMPHNEN/imphnen-frontend-service/develop/apps/dimentorin/public/image/mascot-1.png"
alt="Mascot"
className="mt-4 h-auto w-[140px] object-contain drop-shadow-md"
/>
)}
</div> </div>
{/* Navigation items */} {/* Navigation items */}