lorentz/seubert-claims
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
lorentz 2026-04-13 02:45:58 +00:00
parent e0116b0faf
commit 5406d24c1f
1 changed files with 6 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

30
ondeck/src/app/auth/signin/page.tsx
View file

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