fix: login broken by sync/async mismatch, register missing home link, top bar contrast

This commit is contained in:
2026-07-12 01:50:17 +08:00
parent a4cee1c186
commit 5bb2df7b52
3 changed files with 10 additions and 6 deletions

View File

@@ -27,13 +27,15 @@ body{
/* ===== Top Bar ===== */
#top-bar{
background:rgba(15,23,42,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
color:white;position:sticky;top:0;z-index:200;border-bottom:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
color:var(--g9);position:sticky;top:0;z-index:200;border-bottom:1px solid var(--g2);
}
.top-bar-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:52px}
.top-logo{color:white;text-decoration:none;font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px;letter-spacing:-.5px}
.top-logo i{font-size:22px;background:var(--pg);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.top-logo{color:var(--g9);text-decoration:none;font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px;letter-spacing:-.5px}
.top-logo i{font-size:22px;color:var(--p)}
#top-auth{display:flex;gap:10px;align-items:center}
#top-auth .btn-o{color:var(--g8);border-color:var(--g3)}
#top-auth .btn-o:hover{background:var(--g2);border-color:var(--g4)}
/* ===== Public Pages ===== */
#public-page{

View File

@@ -89,7 +89,7 @@ const App = {
const pub = document.getElementById('public-page');
pub.classList.remove('hidden');
const comp = page === 'login' ? LoginPage : page === 'register' ? RegisterPage : page === 'install' ? InstallPage : HomePage;
comp.render().then(html => { pub.innerHTML = html; if (comp.mount) comp.mount(); });
Promise.resolve(comp.render()).then(html => { pub.innerHTML = html; if (comp.mount) comp.mount(); });
},
showLayout() {

View File

@@ -27,7 +27,9 @@ const RegisterPage = {
<button type="submit" class="btn btn-p btn-lg w-full"><i class="fas fa-user-plus"></i> 注册</button>
</form>
<div style="margin-top:14px;text-align:center;font-size:13px">
<a href="#/login" style="color:var(--p);text-decoration:none">已有账号?登录</a>
<a href="#/login" style="color:var(--p);text-decoration:none;font-weight:600">已有账号?登录</a>
<span style="color:var(--g4);margin:0 10px">|</span>
<a href="#/home" style="color:var(--g5);text-decoration:none">匿名提交</a>
</div>
</div>`;
},