UI: Use Rectangular_dark_background.svg universally for logo
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user