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="relative h-10 w-40 shrink-0">
<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
/>
<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
/>
</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="relative h-14 w-56 hidden md:block shrink-0">
<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"
/>
<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"

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">
<Link href="/" className="relative h-14 w-60 hover:opacity-90 transition-opacity block">
<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
/>
<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
/>
</Link>
@@ -467,11 +467,11 @@ export default function MarketingPage() {
<div className="md:col-span-1 space-y-4">
<div className="relative h-16 w-64 mb-6">
<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"
/>
<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"
/>
</div>

8
src/components/Logo.tsx
View File

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