fix(style): use em unit for Switch/Thumbs atoms (#11855)

mdn · Sep 25, 2024 · e2a4910 · e2a4910
1 parent 8e3a00f
commit e2a4910
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/client/src/ui/atoms/switch/index.scss b/client/src/ui/atoms/switch/index.scss
@@ -7,7 +7,7 @@
     height: 0;
     margin: 0;
     opacity: 0;
-    width: 3rem;
+    width: 3em;
 
     &:checked + .slider {
       background-color: var(--text-link);
@@ -29,10 +29,10 @@
     background-color: var(--text-secondary);
     border-radius: 1.5em;
     cursor: pointer;
-    height: 1.5rem;
+    height: 1.5em;
     position: absolute;
     transition: 0.4s;
-    width: 3rem;
+    width: 3em;
 
     &:before {
       background-color: var(--background-primary);
@@ -48,6 +48,6 @@
   }
 
   .label {
-    margin-left: 0.5rem;
+    margin-left: 0.5em;
   }
 }
diff --git a/client/src/ui/atoms/thumbs/index.scss b/client/src/ui/atoms/thumbs/index.scss
@@ -2,8 +2,8 @@
   align-items: center;
   display: flex;
   flex-direction: row;
-  gap: 0.5rem;
-  height: 1.5rem;
+  gap: 0.5em;
+  height: 1.5em;
 
   .confirmation {
     animation-duration: 2.5s;