naman_panwar_gnpl/pragativeer-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Swap light and dark mode logos as requested

Browse Source
This commit is contained in:
ectasy663
2026-07-07 15:31:24 +05:30
parent 2d6c9c2202
commit c5260eec2e
4 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/cbt/[examId]/page.tsx
View File

@@ -288,11 +288,11 @@ export default function CBTExamPage({ params }: { params: Promise<{ examId: stri
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<div className="relative h-10 w-40 shrink-0"> <div className="relative h-10 w-40 shrink-0">
<Image <Image
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg" src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg"
alt="PragatiVeer" fill className="object-contain object-left scale-125 origin-left dark:hidden" priority alt="PragatiVeer" fill className="object-contain object-left scale-125 origin-left dark:hidden" priority
/> />
<Image <Image
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg" src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg"
alt="PragatiVeer" fill className="object-contain object-left scale-125 origin-left hidden dark:block" priority alt="PragatiVeer" fill className="object-contain object-left scale-125 origin-left hidden dark:block" priority
/> />
</div> </div>

4
src/app/dpp/review/[dppId]/page.tsx
View File

@@ -15,13 +15,13 @@ export default function DPplayoutPage({ params }: { params: { dppId: string } })
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div className="relative h-14 w-56 hidden md:block shrink-0"> <div className="relative h-14 w-56 hidden md:block shrink-0">
<Image <Image
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg" src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg"
alt="PragatiVeer" alt="PragatiVeer"
fill fill
className="object-contain object-left scale-135 origin-left dark:hidden" className="object-contain object-left scale-135 origin-left dark:hidden"
/> />
<Image <Image
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg" src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg"
alt="PragatiVeer" alt="PragatiVeer"
fill fill
className="object-contain object-left scale-135 origin-left hidden dark:block" className="object-contain object-left scale-135 origin-left hidden dark:block"

8
src/app/page.tsx
View File

@@ -64,11 +64,11 @@ export default function MarketingPage() {
<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 <Image
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg" src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg"
alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left dark:hidden" priority alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left dark:hidden" priority
/> />
<Image <Image
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg" src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg"
alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left hidden dark:block" priority alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left hidden dark:block" priority
/> />
</Link> </Link>
@@ -467,11 +467,11 @@ export default function MarketingPage() {
<div className="md:col-span-1 space-y-4"> <div className="md:col-span-1 space-y-4">
<div className="relative h-16 w-64 mb-6"> <div className="relative h-16 w-64 mb-6">
<Image <Image
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg" src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg"
alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left dark:hidden" alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left dark:hidden"
/> />
<Image <Image
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg" src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg"
alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left hidden dark:block" alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left hidden dark:block"
/> />
</div> </div>

8
src/components/Logo.tsx
View File

@@ -12,21 +12,21 @@ interface LogoProps {
/** /**
* PragatiVeer Logo - correctly switches between modes: * PragatiVeer Logo - correctly switches between modes:
* - Light Mode: Rectangular_dark_background.svg (dark/gold text visible on white) * - Light Mode: Rectangular_light_background.svg (dark/gold text visible on white)
* - Dark Mode: Rectangular_light_background.svg (white text visible on dark) * - Dark Mode: Rectangular_dark_background.svg (white text visible on dark)
*/ */
export function Logo({ href = "/", className = "", imageClassName = "object-contain object-left", height = 56 }: LogoProps) { export function Logo({ href = "/", className = "", imageClassName = "object-contain object-left", height = 56 }: LogoProps) {
return ( return (
<Link href={href} className={`hover:opacity-90 transition-opacity block relative ${className}`} style={{ height }}> <Link href={href} className={`hover:opacity-90 transition-opacity block relative ${className}`} style={{ height }}>
<Image <Image
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg" src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg"
alt="PragatiVeer" alt="PragatiVeer"
fill fill
className={`${imageClassName} dark:hidden`} className={`${imageClassName} dark:hidden`}
priority priority
/> />
<Image <Image
src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg" src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg"
alt="PragatiVeer" alt="PragatiVeer"
fill fill
className={`${imageClassName} hidden dark:block`} className={`${imageClassName} hidden dark:block`}