Merge pull request #966 from krutikajichkar/krutika

Fixed alignment of darkmode button
ssitvit · Aug 7, 2023 · ed0ef39 · ed0ef39
2 parents 207b9a3 + b1610df
commit ed0ef39
Showing 1 changed file with 15 additions and 11 deletions.
diff --git a/src/Homepage/Homepage/DarkModeToggle.js b/src/Homepage/Homepage/DarkModeToggle.js
@@ -59,12 +59,12 @@ export default function ThemeSwitcher() {
 }
 
 const Wrapper = styled.section`
-  .theme-toggle {
-    position: fixed;
-    bottom: 1500px;
-    left: 30px;
-    z-index: 9999;
-  }
+.theme-toggle {
+  position: fixed;
+  bottom: 1500px;
+  left: 40px;
+  z-index: 9999;
+}
 
   .theme-toggle button {
     font-size: 2.2rem;
@@ -75,8 +75,8 @@ const Wrapper = styled.section`
     box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 15px 5px;
     border-radius: 50%;
     position: fixed;
-    bottom: 140px;
-    left: 35px;
+    bottom: 200px;
+    left: 36px;
     z-index: 999;
     display: flex;
     justify-content: center;
@@ -91,9 +91,13 @@ const Wrapper = styled.section`
   
 
   }
-  .theme-toggle button:hover{
-    opacity:80%;
-  }
 
+  @media (max-width: 768px) {
+    .theme-toggle button {
+      bottom: 10rem;
+      left: 2rem;
+    }
+
+  
 `;