InfStarMC/infstarweb
1
0
Fork 0
mirror of https://github.com/Coldsmiles/infstarweb.git synced 2026-04-23 02:30:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

Implement mobile navigation menu and enhance navbar responsiveness

Browse Source
This commit is contained in:
zhangyuheng
2026-02-10 13:12:22 +08:00
parent ba7137a64e
commit 99bf3f05c6
5 changed files with 254 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
stats_script.js
View File

@@ -3,8 +3,45 @@ document.addEventListener('DOMContentLoaded', () => {
setupModal();
setupSearch();
setupLoadMore();
setupMobileMenu();
});
function setupMobileMenu() {
const toggle = document.getElementById('mobile-toggle');
const menu = document.getElementById('mobile-menu');
if (toggle && menu) {
const icon = toggle.querySelector('i');
toggle.addEventListener('click', () => {
menu.classList.toggle('active');
document.body.classList.toggle('menu-open');
if (menu.classList.contains('active')) {
if(icon) {
icon.classList.remove('fa-bars');
icon.classList.add('fa-times');
}
} else {
if(icon) {
icon.classList.remove('fa-times');
icon.classList.add('fa-bars');
}
}
});
menu.querySelectorAll('a').forEach(link => {
link.addEventListener('click', () => {
menu.classList.remove('active');
document.body.classList.remove('menu-open');
if(icon) {
icon.classList.remove('fa-times');
icon.classList.add('fa-bars');
}
});
});
}
}
let allPlayers = [];
let displayedPlayers = [];
let currentPage = 1;