Fix: Correct logo light/dark switching - dark_background for light mode, light_background for dark mode
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user