UI: Use Rectangular_dark_background.svg universally for logo

This commit is contained in:
2026-07-07 14:49:05 +05:30
parent d6bffab384
commit 9dd1a741e1

View File

@@ -41,8 +41,7 @@ export default function DashboardLayout({ children }: { children: ReactNode }) {
<aside className="w-64 border-r border-border bg-background flex flex-col hidden md:flex"> <aside className="w-64 border-r border-border bg-background flex flex-col hidden md:flex">
<div className="px-6 py-5"> <div className="px-6 py-5">
<Link href="/dashboard" className="block relative h-14 w-full hover:opacity-90 transition-opacity"> <Link href="/dashboard" className="block relative h-14 w-full hover:opacity-90 transition-opacity">
{/* Light Mode Logo (Requires Dark Text Logo) */} <div className="absolute inset-0">
<div className="absolute inset-0 dark:hidden">
<Image <Image
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg" src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg"
alt="PragatiVeer" alt="PragatiVeer"
@@ -51,16 +50,6 @@ export default function DashboardLayout({ children }: { children: ReactNode }) {
priority priority
/> />
</div> </div>
{/* Dark Mode Logo (Requires Light Text Logo) */}
<div className="absolute inset-0 hidden dark:block">
<Image
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg"
alt="PragatiVeer"
fill
className="object-contain object-left scale-110 origin-left"
priority
/>
</div>
</Link> </Link>
</div> </div>
<nav className="flex-1 px-4 space-y-1.5 mt-4 overflow-y-auto"> <nav className="flex-1 px-4 space-y-1.5 mt-4 overflow-y-auto">