Fix: Revert page/layout logos to support correct light/dark switching and fix login hydration mismatch
This commit is contained in:
@@ -41,7 +41,16 @@ 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">
|
||||||
<div className="absolute inset-0">
|
<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 scale-110 origin-left"
|
||||||
|
priority
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="absolute inset-0 hidden dark:block">
|
||||||
<Image
|
<Image
|
||||||
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg"
|
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg"
|
||||||
alt="PragatiVeer"
|
alt="PragatiVeer"
|
||||||
|
|||||||
@@ -42,6 +42,7 @@ export default function LoginPage() {
|
|||||||
type="email"
|
type="email"
|
||||||
defaultValue="demo@pragativeer.com"
|
defaultValue="demo@pragativeer.com"
|
||||||
placeholder="student@example.com"
|
placeholder="student@example.com"
|
||||||
|
suppressHydrationWarning
|
||||||
className="w-full bg-background border border-border rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-[#00F0FF] focus:border-transparent transition-all"
|
className="w-full bg-background border border-border rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-[#00F0FF] focus:border-transparent transition-all"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -55,6 +56,7 @@ export default function LoginPage() {
|
|||||||
type={showPassword ? "text" : "password"}
|
type={showPassword ? "text" : "password"}
|
||||||
defaultValue="pragativeer2026"
|
defaultValue="pragativeer2026"
|
||||||
placeholder="••••••••"
|
placeholder="••••••••"
|
||||||
|
suppressHydrationWarning
|
||||||
className="w-full bg-background border border-border rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-[#00F0FF] focus:border-transparent transition-all pr-10"
|
className="w-full bg-background border border-border rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-[#00F0FF] focus:border-transparent transition-all pr-10"
|
||||||
/>
|
/>
|
||||||
<button
|
<button
|
||||||
|
|||||||
@@ -63,9 +63,13 @@ export default function MarketingPage() {
|
|||||||
<nav className="fixed top-0 w-full z-50 bg-background/50 backdrop-blur-xl border-b border-border/50">
|
<nav className="fixed top-0 w-full z-50 bg-background/50 backdrop-blur-xl border-b border-border/50">
|
||||||
<div className="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
|
<div className="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
|
||||||
<Link href="/" className="relative h-14 w-60 hover:opacity-90 transition-opacity block">
|
<Link href="/" className="relative h-14 w-60 hover:opacity-90 transition-opacity block">
|
||||||
|
<Image
|
||||||
|
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg"
|
||||||
|
alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left dark:hidden" priority
|
||||||
|
/>
|
||||||
<Image
|
<Image
|
||||||
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg"
|
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg"
|
||||||
alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left" priority
|
alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left hidden dark:block" priority
|
||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
<div className="hidden md:flex items-center gap-8 text-sm font-medium text-muted-foreground">
|
<div className="hidden md:flex items-center gap-8 text-sm font-medium text-muted-foreground">
|
||||||
|
|||||||
Reference in New Issue
Block a user