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

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`}