Refactor code structure for improved readability and maintainability
Some checks failed
lotteryadmin CI / build (push) Has been cancelled

This commit is contained in:
2026-06-29 15:52:58 +08:00
parent d7761218ea
commit ba77dc1f5a
3 changed files with 14 additions and 12 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 677 KiB

View File

@@ -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
/>