UI: Swap light/dark logo files and increase logo size
This commit is contained in:
@@ -39,23 +39,25 @@ export default function DashboardLayout({ children }: { children: ReactNode }) {
|
||||
<div className="flex h-screen bg-background overflow-hidden text-foreground selection:bg-primary/20">
|
||||
{/* Sidebar */}
|
||||
<aside className="w-64 border-r border-border bg-background flex flex-col hidden md:flex">
|
||||
<div className="px-5 py-4">
|
||||
<Link href="/dashboard" className="block relative h-10 w-full hover:opacity-90 transition-opacity">
|
||||
<div className="px-6 py-5">
|
||||
<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 dark:hidden">
|
||||
<Image
|
||||
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg"
|
||||
alt="PragatiVeer"
|
||||
fill
|
||||
className="object-contain object-left"
|
||||
priority
|
||||
/>
|
||||
</div>
|
||||
<div className="absolute inset-0 hidden dark:block">
|
||||
<Image
|
||||
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg"
|
||||
alt="PragatiVeer"
|
||||
fill
|
||||
className="object-contain object-left"
|
||||
className="object-contain object-left scale-110 origin-left"
|
||||
priority
|
||||
/>
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user