fix: login broken by sync/async mismatch, register missing home link, top bar contrast
This commit is contained in:
@@ -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{
|
||||
|
||||
@@ -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() {
|
||||
|
||||
@@ -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>`;
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user