diff options
Diffstat (limited to '')
| -rw-r--r-- | assets/index.css | 2 | ||||
| -rw-r--r-- | src/client/index.ts | 11 |
2 files changed, 6 insertions, 7 deletions
diff --git a/assets/index.css b/assets/index.css index 1cfcc15..4d7c6c0 100644 --- a/assets/index.css +++ b/assets/index.css @@ -118,7 +118,7 @@ aside { border: solid medium; } -@media (max-width: 40rem) { +@media (max-width: 30rem) { .side, aside { margin: inherit; max-width: 100%; diff --git a/src/client/index.ts b/src/client/index.ts index cee201b..822d2ab 100644 --- a/src/client/index.ts +++ b/src/client/index.ts @@ -1,15 +1,14 @@ window.addEventListener("load", async function () { try { - const navlinks : HTMLAnchorElement[] = Array.from(document.getElementsByClassName("navlinks")) as HTMLAnchorElement[] + const navlinks: HTMLAnchorElement[] = Array.from(document.getElementsByClassName("navlinks")) as HTMLAnchorElement[] document.getElementById("nav-toogle")?.addEventListener("click", async () => { - navlinks.forEach(navlink => { navlink.style.display === "hidden" ? "block" : "hidden" }) - return false + navlinks.forEach(navlink => { + navlink.style.display = window.matchMedia("(max-width: 30rem)").matches ? navlink.style.display === "block" ? "" : "block" : ""; + }); + return false; }) - Array.from(document.getElementsByTagName("time")).forEach(time => { - time.textContent = new Date(time.dateTime).toLocaleDateString(undefined,{dateStyle:"full"}) - }) if ("serviceWorker" in navigator) { await navigator.serviceWorker.register("/sw.js", { type: "module" }) |