Forker/fuwari
1
0
Fork 0
mirror of https://github.com/saicaca/fuwari.git synced 2026-01-12 07:12:52 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: nav-menu for mobile view

Browse Source
This commit is contained in:
saicaca
2023-11-06 21:55:52 +08:00
parent ab89683cd7
commit b64cf8eee3
3 changed files with 81 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/layouts/Layout.astro
View File

@@ -198,7 +198,6 @@ function disableAnimation() {
}
}
function activateDisplaySettings() {
let output = document.getElementById("hueValue");
let slider = document.getElementById("colorSlider");
@@ -227,15 +226,19 @@ function activateDisplaySettings() {
setHue(hue);
}
document.addEventListener("click", event => {
var cDom = document.getElementById("display-setting");
let settingBtn = document.getElementById("display-settings-switch");
var tDom = event.target;
if (cDom == tDom || cDom.contains(tDom) || settingBtn == tDom || settingBtn.contains(tDom)) {
return;
}
cDom.classList.add("closed");
});
function setClickOutsideToClose(panel, switchBtn) {
document.addEventListener("click", event => {
var cDom = document.getElementById(panel);
let settingBtn = document.getElementById(switchBtn);
var tDom = event.target;
if (cDom == tDom || cDom.contains(tDom) || settingBtn == tDom || settingBtn.contains(tDom)) {
return;
}
cDom.classList.add("closed");
});
}
setClickOutsideToClose("display-setting", "display-settings-switch")
setClickOutsideToClose("nav-menu-panel", "nav-menu-switch")
}
function loadTheme() {