Fix: Correct logo light/dark switching - dark_background for light mode, light_background for dark mode
This commit is contained in:
@@ -4,8 +4,8 @@ import { Button } from "@/components/ui/button"
|
||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
|
||||
import { ArrowLeft, Eye, EyeOff } from "lucide-react"
|
||||
import Link from "next/link"
|
||||
import Image from "next/image"
|
||||
import { useState } from "react"
|
||||
import { Logo } from "@/components/Logo"
|
||||
|
||||
export default function LoginPage() {
|
||||
const [showPassword, setShowPassword] = useState(false)
|
||||
@@ -17,16 +17,7 @@ export default function LoginPage() {
|
||||
|
||||
<div className="w-full max-w-md space-y-8 animate-in fade-in slide-in-from-bottom-8 duration-700">
|
||||
<div className="flex justify-center mb-8">
|
||||
<div className="relative h-20 w-72">
|
||||
<Image
|
||||
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg"
|
||||
alt="PragatiVeer" fill className="object-contain scale-135 dark:hidden" priority
|
||||
/>
|
||||
<Image
|
||||
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg"
|
||||
alt="PragatiVeer" fill className="object-contain scale-135 hidden dark:block" priority
|
||||
/>
|
||||
</div>
|
||||
<Logo href="/" className="w-72" imageClassName="object-contain" height={80} />
|
||||
</div>
|
||||
|
||||
<Card className="border-border bg-secondary/10 backdrop-blur-xl shadow-2xl shadow-[#00F0FF]/5 rounded-[2rem] overflow-hidden">
|
||||
|
||||
Reference in New Issue
Block a user