din9xtr/cloud_control_panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

default header fix

Browse Source
This commit is contained in:
din9xtr
2026-01-17 06:24:40 +07:00
parent fd8f022cae
commit 5ffb2e7f97
2 changed files with 13 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
public/js/burger.js
View File

@@ -3,6 +3,8 @@ document.addEventListener('DOMContentLoaded', function () {
if (!header) return;
const hasNavbarBrand = !!header.querySelector('.navbar');
const burgerBtn = document.createElement('button');
burgerBtn.className = 'burger-btn';
burgerBtn.setAttribute('aria-label', 'Toggle menu');
@@ -11,28 +13,30 @@ document.addEventListener('DOMContentLoaded', function () {
<span class="burger-line"></span>
<span class="burger-line"></span>
`;
const spanBrand = document.createElement('span');
spanBrand.className = 'navbar-brand-burger';
spanBrand.innerHTML = `
<span class="navbar-brand">Cloud Control Panel</span>
`;
if (!hasNavbarBrand) {
const spanBrand = document.createElement('span');
spanBrand.className = 'navbar-brand-burger';
spanBrand.innerHTML = `<span class="navbar-brand">Cloud Control Panel</span>`;
header.appendChild(spanBrand);
}
const mobileMenu = document.createElement('div');
mobileMenu.className = 'mobile-menu';
const headerContent = header.innerHTML;
const headerClone = header.cloneNode(true);
headerClone.querySelectorAll('.burger-btn, .navbar-brand-burger').forEach(el => el.remove());
mobileMenu.innerHTML = `
<div class="mobile-menu-header">
<span class="navbar-brand">Cloud Control Panel</span>
<button class="close-btn" aria-label="Close menu">✕</button>
</div>
<div class="mobile-menu-body">
${headerContent}
${headerClone.innerHTML}
</div>
`;
header.appendChild(spanBrand);
header.appendChild(burgerBtn);
document.body.appendChild(mobileMenu);