Signin: use plain img tags for logos to fix rendering, white logo on green panel

This commit is contained in:
lorentz 2026-04-13 02:45:58 +00:00
parent e0116b0faf
commit 5406d24c1f

View file

@ -1,5 +1,4 @@
import { SignInForm } from '@/components/auth/signin-form'
import Image from 'next/image'
export default function SignInPage() {
return (
@ -8,13 +7,8 @@ export default function SignInPage() {
<div className="hidden lg:flex lg:w-1/2 flex-col justify-between p-12"
style={{ background: 'linear-gradient(160deg, #0F513F 0%, #15745a 60%, #1FA883 100%)' }}>
<div>
<Image
src="/seubert-logo-color.png"
alt="Seubert"
width={220}
height={68}
priority
/>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src="/seubert-logo.png" alt="Seubert" width={220} />
</div>
<div>
<h2 className="text-4xl font-bold text-white leading-tight">
@ -34,22 +28,10 @@ export default function SignInPage() {
<div className="w-full max-w-sm">
{/* Logo — road icon on desktop, color logo on mobile */}
<div className="flex justify-center mb-8 lg:mb-10">
<Image
src="/seub-road-green.png"
alt="Seubert"
width={80}
height={80}
priority
className="hidden lg:block"
/>
<Image
src="/seubert-logo-color.png"
alt="Seubert"
width={220}
height={68}
priority
className="lg:hidden"
/>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src="/seub-road-green.png" alt="Seubert" width={80} className="hidden lg:block" />
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src="/seubert-logo-color.png" alt="Seubert" width={220} className="lg:hidden" />
</div>
<div className="mb-8 text-center">