fix(panel-kit): 人类登录入口增显(冰朔善后反馈)
桔子域名善后中冰朔反馈"网页上没有人类端登录的地方"——实为右上角按钮 太小不显眼。登录按钮文案改"人类端登录 · 仓库账号"并加呼吸光晕, 已在桔子面板实测登录全链(juzi 登录→审批解锁→登出)。
This commit is contained in:
parent
ce4d925cf0
commit
dfc060844a
2 changed files with 6 additions and 2 deletions
|
|
@ -58,6 +58,8 @@ header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-conte
|
|||
@keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}
|
||||
.login-btn{font-family:var(--f-cn);font-weight:600;font-size:13px;letter-spacing:.24em;text-indent:.24em;color:var(--star);background:rgba(242,233,211,.06);border:1px solid var(--line-strong);border-radius:100px;padding:10px 26px;cursor:pointer;transition:all .3s ease}
|
||||
.login-btn:hover{background:rgba(242,233,211,.14);box-shadow:0 0 22px rgba(242,233,211,.22);transform:translateY(-2px)}
|
||||
.login-btn{animation:loginGlow 3s ease-in-out infinite}
|
||||
@keyframes loginGlow{0%,100%{box-shadow:0 0 10px rgba(242,233,211,.10)}50%{box-shadow:0 0 26px rgba(242,233,211,.35)}}
|
||||
.login-btn:active{transform:translateY(0) scale(.97)}
|
||||
.user-chip{display:flex;align-items:center;gap:12px;font-family:var(--f-body);font-size:13px;color:var(--mid)}
|
||||
.user-chip b{color:var(--star);font-weight:500}
|
||||
|
|
@ -369,7 +371,7 @@ async function privileged(path,body){
|
|||
function renderLoginArea(){
|
||||
const el=document.getElementById("login-area");
|
||||
if(session){el.innerHTML='<span class="user-chip">人类端 · <b>'+esc(sessionUser)+'</b> · 审批已解锁 <button onclick="doLogout()">登出</button></span>'}
|
||||
else{el.innerHTML='<button class="login-btn" onclick="openLogin()">人类登录</button>'}}
|
||||
else{el.innerHTML='<button class="login-btn" onclick="openLogin()">人类端登录 · 仓库账号</button>'}}
|
||||
function openLogin(){document.getElementById("login-mask").classList.add("show");setTimeout(()=>document.getElementById("l-user").focus(),80)}
|
||||
function closeLogin(){document.getElementById("login-mask").classList.remove("show")}
|
||||
async function doLogin(){
|
||||
|
|
|
|||
|
|
@ -58,6 +58,8 @@ header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-conte
|
|||
@keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}
|
||||
.login-btn{font-family:var(--f-cn);font-weight:600;font-size:13px;letter-spacing:.24em;text-indent:.24em;color:var(--star);background:rgba(242,233,211,.06);border:1px solid var(--line-strong);border-radius:100px;padding:10px 26px;cursor:pointer;transition:all .3s ease}
|
||||
.login-btn:hover{background:rgba(242,233,211,.14);box-shadow:0 0 22px rgba(242,233,211,.22);transform:translateY(-2px)}
|
||||
.login-btn{animation:loginGlow 3s ease-in-out infinite}
|
||||
@keyframes loginGlow{0%,100%{box-shadow:0 0 10px rgba(242,233,211,.10)}50%{box-shadow:0 0 26px rgba(242,233,211,.35)}}
|
||||
.login-btn:active{transform:translateY(0) scale(.97)}
|
||||
.user-chip{display:flex;align-items:center;gap:12px;font-family:var(--f-body);font-size:13px;color:var(--mid)}
|
||||
.user-chip b{color:var(--star);font-weight:500}
|
||||
|
|
@ -369,7 +371,7 @@ async function privileged(path,body){
|
|||
function renderLoginArea(){
|
||||
const el=document.getElementById("login-area");
|
||||
if(session){el.innerHTML='<span class="user-chip">人类端 · <b>'+esc(sessionUser)+'</b> · 审批已解锁 <button onclick="doLogout()">登出</button></span>'}
|
||||
else{el.innerHTML='<button class="login-btn" onclick="openLogin()">人类登录</button>'}}
|
||||
else{el.innerHTML='<button class="login-btn" onclick="openLogin()">人类端登录 · 仓库账号</button>'}}
|
||||
function openLogin(){document.getElementById("login-mask").classList.add("show");setTimeout(()=>document.getElementById("l-user").focus(),80)}
|
||||
function closeLogin(){document.getElementById("login-mask").classList.remove("show")}
|
||||
async function doLogin(){
|
||||
|
|
|
|||
Loading…
Reference in a new issue