arthur/portfolio2023
1
0
Fork 0
mirror of https://github.com/arthur-pbty/portfolio2023.git synced 2026-06-13 23:58:21 +02:00
Code Issues Packages Projects Releases Wiki Activity

create nav barre for phone

Browse Source
This commit is contained in:
Tutur33
2023-11-25 23:33:09 +01:00
parent b69e5e88b5
commit 08713671b4
30 changed files with 105 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/index.js
+14
View File
@@ -3,21 +3,35 @@ import '../css/index.css'
const toggleBtn = document.getElementById("toggle-btn");
const body = document.querySelector("body");
const text = document.getElementById("text");
const mini_nav = document.getElementById("mini-nav");
const mini_nav_depli = document.getElementById("nav");
let darkmode = localStorage.getItem("dark-mode");
const enableDarkMode=() =>{
body.classList.add("dark-mode-theme");
mini_nav.classList.add("nav-dark");
mini_nav_depli.classList.add("nav-dark");
mini_nav.classList.remove("nav-light");
mini_nav_depli.classList.remove("nav-light");
toggleBtn.classList.add("dark-mode-toggle");
toggleBtn.style.color = "rgb(177, 177, 177)";
text.innerHTML="sombre";
localStorage.setItem("dark-mode" , "enabled")
}
const disableDarkMode= () =>{
body.classList.remove("dark-mode-theme");
mini_nav.classList.remove("nav-dark");
mini_nav_depli.classList.remove("nav-dark");
mini_nav.classList.add("nav-light");
mini_nav_depli.classList.add("nav-light");
toggleBtn.classList.remove("dark-mode-toggle");
toggleBtn.style.color = "rgb(83, 83, 83)";
text.innerHTML="claire";
localStorage.setItem("dark-mode" , "disabled")
}