auto-save 2026-05-15 23:10 (~4)
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user