Consistency

janfaracik · Dec 25, 2024 · af01279 · af01279
1 parent 3162f2f
commit af01279
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/main/scss/components/_notifications.scss b/src/main/scss/components/_notifications.scss
@@ -8,7 +8,7 @@
   grid-template-columns: auto 1fr;
   grid-gap: 1.5ch;
   padding: 0.8rem;
-  border-radius: 10px;
+  border-radius: var(--form-input-border-radius);
   font-weight: 500;
   line-height: 1.66;
   color: var(--text-color);

diff --git a/src/main/scss/form/_file-upload.scss b/src/main/scss/form/_file-upload.scss
@@ -36,7 +36,7 @@
     font-size: var(--font-size-sm);
     font-weight: normal;
     color: var(--text-color);
-    border-radius: 0.66rem;
+    border-radius: var(--form-input-border-radius);
     cursor: pointer;
     min-height: 36px;
     white-space: nowrap;

diff --git a/src/main/scss/form/_reorderable-list.scss b/src/main/scss/form/_reorderable-list.scss
@@ -4,7 +4,7 @@
   position: relative;
   border: 2px dashed var(--input-border);
   padding: 1rem;
-  border-radius: 10px;
+  border-radius: var(--form-input-border-radius);
   margin-bottom: 1rem;
   margin-top: 1rem;
   transition:

diff --git a/src/main/scss/form/_toggle-switch.scss b/src/main/scss/form/_toggle-switch.scss
@@ -113,8 +113,8 @@
     transition: var(--standard-transition);
     margin-right: 1rem;
     box-shadow:
-      inset 0 0 0 1px rgba(0, 0, 0, 0.05),
-      0 0 0 10px transparent;
+      inset 0 0 0 1.5px color-mix(in srgb, var(--text-color-secondary) 9%, transparent),
+      0 0 0 8px transparent;
   }
 
   &::after {
@@ -132,7 +132,7 @@
     mask-position: center;
     border-radius: 100px;
     transition: var(--standard-transition);
-    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
+    box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--text-color-secondary) 9%, transparent);
   }
 
   &:hover::before {
@@ -144,7 +144,7 @@
     &::before {
       box-shadow:
         inset 0 0 0 1px rgba(0, 0, 0, 0.05),
-        0 0 0 5px var(--focus-input-glow);
+        0 0 0 4px var(--focus-input-glow);
     }
 
     &::after {