Toggle position changed to remove y-scroll (#1305)

* fixed positioning * fix: fixed edge cases --------- Co-authored-by: Narayan soni <[email protected]>
narayan954 · Dec 10, 2023 · 10a6665 · 10a6665
1 parent f9ed084
commit 10a6665
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/reusableComponents/Darkmode/index.css b/src/reusableComponents/Darkmode/index.css
@@ -27,3 +27,10 @@
 .toggle-btn-mui > span > span > input {
   cursor: pointer;
 }
+
+@media (min-width: 840px){
+  .toggle-container {
+    position: absolute;
+    top: 0px;
+  }
+}
diff --git a/src/reusableComponents/Darkmode/index.jsx b/src/reusableComponents/Darkmode/index.jsx
@@ -44,7 +44,7 @@ const Darkmode = () => {
   };
 
   return (
-    <div>
+    <div className={`${location.href.includes('login') ? "toggle-container" : ""}`}>
       <button onClick={darkModeToggle} className="theme-toggle-btn">
         <CustomizedSwitch modeStatus={modeStatus} />
       </button>