Signin: use plain img tags for logos to fix rendering, white logo on green panel
This commit is contained in:
parent
e0116b0faf
commit
5406d24c1f
1 changed files with 6 additions and 24 deletions
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue