diff --git a/app/index.html b/app/index.html index b9b030a..45d1a52 100644 --- a/app/index.html +++ b/app/index.html @@ -187,6 +187,8 @@ body { .sidebar::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 2px; } .sidebar::-webkit-scrollbar-track { background: var(--scrollbar-track); } +.layout-sidebar .mobile-header { display: none; } + /* ═══════════════════════════════════════════ SIDEBAR CONTENT ═══════════════════════════════════════════ */ @@ -2018,7 +2020,6 @@ function fmtDatetime(dtStr) { const layout = el('div', { className: `layout-sidebar nav-${navPos}` }); const mobileHeader = el('div', { className: 'mobile-header' }); - mobileHeader.style.display = 'none'; const hamburger = el('button', { className: 'hamburger', 'aria-label': 'Open menu' }); hamburger.appendChild(iconEl('menu')); const mobileName = el('span', { className: 'sidebar-sitename', textContent: config.sitename || 'MD-CMS' }); @@ -2028,10 +2029,6 @@ function fmtDatetime(dtStr) { } mobileHeader.appendChild(mobileName); - const mobileStyle = document.createElement('style'); - mobileStyle.textContent = `@media (max-width: 768px) { .layout-sidebar .mobile-header { display: flex !important; } }`; - document.head.appendChild(mobileStyle); - const overlay = el('div', { className: 'mobile-overlay' }); overlay.addEventListener('click', () => closeMobileMenu());