Sea-Studio/MC_Report
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
canglan
2026-07-12 02:20:54 +08:00
parent 9241dd6a6f
commit 7699bd0598
2 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/style.css
View File

@@ -102,7 +102,7 @@ body{
#sidebar{ #sidebar{
width:var(--sw);background:linear-gradient(180deg,#0f172a 0%,#1e293b 100%); 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; 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{ .sidebar-header{
padding:18px 22px;font-size:16px;font-weight:700;display:flex;align-items:center; padding:18px 22px;font-size:16px;font-weight:700;display:flex;align-items:center;

3
public/js/app.js
View File

@@ -85,7 +85,6 @@ const App = {
}, },
showPublic(page, param) { showPublic(page, param) {
document.getElementById('top-bar').classList.remove('hidden');
document.getElementById('top-auth').classList.remove('hidden'); document.getElementById('top-auth').classList.remove('hidden');
document.getElementById('main-layout').classList.add('hidden'); document.getElementById('main-layout').classList.add('hidden');
const pub = document.getElementById('public-page'); const pub = document.getElementById('public-page');
@@ -95,10 +94,10 @@ const App = {
}, },
showLayout() { showLayout() {
document.getElementById('top-bar').classList.add('hidden');
document.getElementById('top-auth').classList.add('hidden'); document.getElementById('top-auth').classList.add('hidden');
document.getElementById('public-page').classList.add('hidden'); document.getElementById('public-page').classList.add('hidden');
document.getElementById('main-layout').classList.remove('hidden'); document.getElementById('main-layout').classList.remove('hidden');
document.getElementById('main-layout').classList.remove('hidden');
const u = Auth.user(); 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>`; 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>`;
}, },