Fix: Correct logo light/dark switching - dark_background for light mode, light_background for dark mode

This commit is contained in:
2026-07-07 15:23:05 +05:30
parent 6b0025408e
commit fe73bce834
8 changed files with 49 additions and 58 deletions

View File

@@ -3,8 +3,8 @@
import { ReactNode } from "react"
import { LayoutDashboard, Users, Database, Terminal, Settings } from "lucide-react"
import Link from "next/link"
import Image from "next/image"
import { usePathname } from "next/navigation"
import { Logo } from "@/components/Logo"
export default function AdminLayout({ children }: { children: ReactNode }) {
const pathname = usePathname()
@@ -14,16 +14,7 @@ export default function AdminLayout({ children }: { children: ReactNode }) {
{/* Sidebar */}
<aside className="w-64 border-r border-border bg-secondary/10 flex flex-col hidden md:flex">
<div className="p-6 border-b border-border">
<Link href="/admin" className="block relative h-16 w-full hover:opacity-90 transition-opacity">
<Image
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg"
alt="PragatiVeer Admin" fill className="object-contain object-left scale-135 origin-left dark:hidden" priority
/>
<Image
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg"
alt="PragatiVeer Admin" fill className="object-contain object-left scale-135 origin-left hidden dark:block" priority
/>
</Link>
<Logo href="/admin" className="w-full" imageClassName="object-contain object-left" height={56} />
<div className="mt-3 text-xs font-bold uppercase tracking-widest text-[#00F0FF]">Admin Panel</div>
</div>
<nav className="flex-1 px-4 space-y-1.5 mt-6">