fix: keep top bar visible, raise sidebar z-index to 210 to prevent overlap

This commit is contained in:
2026-07-12 02:20:54 +08:00
parent 9241dd6a6f
commit 7699bd0598
2 changed files with 2 additions and 3 deletions

View File

@@ -102,7 +102,7 @@ body{
#sidebar{
width:var(--sw);background:linear-gradient(180deg,#0f172a 0%,#1e293b 100%);
color:white;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;
z-index:100;border-right:1px solid rgba(255,255,255,.06);
z-index:210;border-right:1px solid rgba(255,255,255,.06);
}
.sidebar-header{
padding:18px 22px;font-size:16px;font-weight:700;display:flex;align-items:center;

View File

@@ -85,7 +85,6 @@ const App = {
},
showPublic(page, param) {
document.getElementById('top-bar').classList.remove('hidden');
document.getElementById('top-auth').classList.remove('hidden');
document.getElementById('main-layout').classList.add('hidden');
const pub = document.getElementById('public-page');
@@ -95,10 +94,10 @@ const App = {
},
showLayout() {
document.getElementById('top-bar').classList.add('hidden');
document.getElementById('top-auth').classList.add('hidden');
document.getElementById('public-page').classList.add('hidden');
document.getElementById('main-layout').classList.remove('hidden');
document.getElementById('main-layout').classList.remove('hidden');
const u = Auth.user();
document.getElementById('user-info').innerHTML = `<div class="av">${(u.game_name||u.username).charAt(0).toUpperCase()}</div><div class="dt"><div class="nm">${u.game_name||u.username}</div><div class="rl">${U.ROLE[u.role]}</div></div>`;
},