auto-save 2026-05-15 23:10 (~4)

This commit is contained in:
2026-05-15 23:15:42 +08:00
parent 79c6c82b96
commit 5f9d6c1388
4 changed files with 60 additions and 24 deletions

View File

@@ -400,16 +400,32 @@
backdrop-filter: none;
overflow: visible;
}
.login-skg-mark {
.login-brand-cluster {
position: absolute;
left: 24px;
top: 22px;
z-index: 5;
display: flex;
align-items: center;
gap: 12px;
pointer-events: none;
}
.login-skg-mark {
width: 126px;
height: auto;
opacity: 0.86;
filter: invert(1) brightness(1.25) drop-shadow(0 10px 20px rgba(0, 0, 0, 0.45));
pointer-events: none;
}
.login-system-mark {
border-left: 1px solid rgba(255, 255, 255, 0.18);
padding-left: 12px;
color: rgba(255, 255, 255, 0.66);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.18em;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 10px 22px rgba(0, 0, 0, 0.38);
}
.login-page--source .login-auth-icon {
margin-bottom: 0;
@@ -1212,11 +1228,21 @@
justify-self: center;
padding: 16px 18px 20px;
}
.login-skg-mark {
.login-brand-cluster {
left: 18px;
top: 16px;
gap: 9px;
}
.login-skg-mark {
width: 98px;
}
.login-system-mark {
max-width: 92px;
padding-left: 9px;
font-size: 9px;
letter-spacing: 0.14em;
white-space: normal;
}
.login-source-character-strip {
height: 172px;
margin-bottom: 12px;

View File

@@ -82,17 +82,14 @@ export default function LoginPage() {
<div className="login-oasis-shade" />
<div className="login-source-overlay">
<section className="login-auth-panel login-source-auth-panel login-source-combo-panel rounded-[8px]">
<img className="login-skg-mark" src="/skg-logo-black.svg" alt="" aria-hidden="true" />
<div className="login-brand-cluster" aria-hidden="true">
<img className="login-skg-mark" src="/skg-logo-black.svg" alt="" />
<span className="login-system-mark">Marketing Studio</span>
</div>
<div className="login-source-character-strip" aria-hidden="true">
<AnimatedLoginCharacters mood={mood} eyeOffset={eyeOffset} />
</div>
<form className="login-source-form-pane w-full" onSubmit={onSubmit}>
<div className="mb-4">
<div className="login-auth-icon inline-flex h-9 w-9 items-center justify-center rounded-[8px] text-white">
<LockKeyhole className="h-5 w-5" />
</div>
</div>
<div className="space-y-3">
<label className="block">
<span className="flex h-11 items-center gap-3 rounded-[8px] border border-white/10 bg-black/25 px-3 text-white transition focus-within:border-[#d6b36a] focus-within:bg-black/35 focus-within:ring-2 focus-within:ring-[#d6b36a]/25">
@@ -149,6 +146,7 @@ export default function LoginPage() {
disabled={disabled}
onChange={(event) => setRemember(event.target.checked)}
/>
<span></span>
</label>
<div className="mt-4 min-h-9">