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 ( return (
<div <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 data-admin-login-root
> >
<div <div className="pointer-events-none absolute inset-0" aria-hidden>
className="pointer-events-none absolute inset-0 opacity-40" <Image
aria-hidden src="/entry/login-pc-bg.png"
style={{ alt=""
backgroundImage: fill
"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%)", sizes="100vw"
}} className="object-cover object-center"
priority
/> />
</div>
<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]" 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 data-admin-login-card
> >
<div <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 data-admin-login-hero-slot
> >
<Image <Image
src="/entry/image1.png" src="/entry/login-pc-hero.png"
alt="" alt=""
fill fill
sizes="(max-width: 1280px) 340px, 400px" sizes="(max-width: 1280px) 400px, 460px"
className="object-cover object-center" className="object-cover object-center"
priority priority
/> />