Redesigned the responsive design

2025-10-12 23:52:30 +00:00 · 2022-05-24 14:45:44 -03:00
parent efad9f0b9c
commit e2329e5342
19 changed files with 322 additions and 354 deletions
--- a/src/components/Header/ThemeSwitch/theme-switch-styles.scss
+++ b/src/components/Header/ThemeSwitch/theme-switch-styles.scss
@@ -11,6 +11,7 @@
    label {
        display: block;
        width: 4vw;
+        min-width: 80px;
        height: 4vh;
        background-color: var(--lightest-color);
        border-radius: 100px;
@@ -20,6 +21,16 @@
        box-shadow: 0 0 20px #477a8550;
    }

+    label:hover {
+        filter: brightness(90%);
+        transition: none;
+    }
+    
+    label:active {
+        filter: brightness(105%);
+        transition: none;
+    }
+
    label::after {
        content: "";
        width: 3.5vh;