fix: keep top bar visible, raise sidebar z-index to 210 to prevent overlap
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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>`;
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user