UI: Use Rectangular_dark_background.svg universally to prevent low contrast on white backgrounds

This commit is contained in:
2026-07-07 15:02:49 +05:30
parent f91f13e5d2
commit 489d018966
2 changed files with 2 additions and 15 deletions

View File

@@ -41,16 +41,7 @@ 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 dark:hidden"> <div className="absolute inset-0">
<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"

View File

@@ -63,13 +63,9 @@ 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 hidden dark:block" priority alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left" 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">