Refactor code structure for improved readability and maintainability
Some checks failed
lotteryadmin CI / build (push) Has been cancelled
Some checks failed
lotteryadmin CI / build (push) Has been cancelled
This commit is contained in:
BIN
public/entry/login-pc-bg.png
Normal file
BIN
public/entry/login-pc-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
public/entry/login-pc-hero.png
Normal file
BIN
public/entry/login-pc-hero.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 677 KiB |
@@ -167,31 +167,33 @@ export function LoginForm() {
|
||||
|
||||
return (
|
||||
<div
|
||||
className="relative flex h-dvh max-h-dvh w-full min-h-0 items-center justify-center overflow-y-auto bg-[#eceef2] px-4 py-4 xl:px-8 xl:py-10"
|
||||
className="relative flex h-dvh max-h-dvh w-full min-h-0 items-center justify-center overflow-y-auto px-4 py-4 xl:px-8 xl:py-10"
|
||||
data-admin-login-root
|
||||
>
|
||||
<div
|
||||
className="pointer-events-none absolute inset-0 opacity-40"
|
||||
aria-hidden
|
||||
style={{
|
||||
backgroundImage:
|
||||
"radial-gradient(circle at 12% 50%, rgba(220,38,38,0.08), transparent 28%), radial-gradient(circle at 88% 50%, rgba(220,38,38,0.08), transparent 28%)",
|
||||
}}
|
||||
<div className="pointer-events-none absolute inset-0" aria-hidden>
|
||||
<Image
|
||||
src="/entry/login-pc-bg.png"
|
||||
alt=""
|
||||
fill
|
||||
sizes="100vw"
|
||||
className="object-cover object-center"
|
||||
priority
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
className="relative z-10 flex min-h-[min(560px,calc(100dvh-2rem))] w-full max-w-[960px] overflow-hidden rounded-[1.5rem] bg-white shadow-[0_24px_80px_rgba(15,23,42,0.12)] xl:min-h-[min(640px,88vh)] xl:max-w-[1080px] xl:rounded-[2rem]"
|
||||
data-admin-login-card
|
||||
>
|
||||
<div
|
||||
className="relative hidden w-[min(42%,340px)] shrink-0 overflow-hidden bg-[#f8fafc] md:block xl:w-[min(46%,400px)]"
|
||||
className="relative hidden w-[min(48%,400px)] shrink-0 self-stretch overflow-hidden bg-[#f8fafc] md:block xl:w-[min(50%,460px)]"
|
||||
data-admin-login-hero-slot
|
||||
>
|
||||
<Image
|
||||
src="/entry/image1.png"
|
||||
src="/entry/login-pc-hero.png"
|
||||
alt=""
|
||||
fill
|
||||
sizes="(max-width: 1280px) 340px, 400px"
|
||||
sizes="(max-width: 1280px) 400px, 460px"
|
||||
className="object-cover object-center"
|
||||
priority
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user