Updated Dark Mode Toggle

Signed-off-by: Hemashree M S <[email protected]>
Nactore-Org · May 21, 2024 · c255f86 · c255f86
1 parent 2ae9359
commit c255f86
Showing 1 changed file with 1 addition and 3 deletions.
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
@@ -47,9 +47,6 @@ function Header() {
  <img width={70} src="\assets\icon.png" alt="Logo" />
  </Link>
  </div>
- <div className="switch">
- <Switch style={{ backgroundColor: themes === "dark" ? "#000000" : ""}} onChange={handleThemeChange} checked={themes === "dark"} checkedChildren="Dark Mode" unCheckedChildren="Light Mode" />
- </div>
  <div>
  <ul className="hidden md:flex gap-8 font-medium">
  <li className="hover:scale-110 duration-100 ease-in-out">
@@ -169,6 +166,7 @@ function Header() {
  <Link to="signup">Signup</Link>
  </button>
  </div>
+ <Switch style={{ backgroundColor: themes === "dark" ? "#000000" : ""}} onChange={handleThemeChange} checked={themes === "dark"} checkedChildren="Dark Mode" unCheckedChildren="Light Mode" />
  </div>
  {isNavBarOpen && (
  <MenuOverlay links={navLinks} setIsNavBarOpen={setIsNavBarOpen} />