fix(switch): increase size

techfromsage · Oct 18, 2022 · 46a2d66 · 46a2d66
1 parent ae369b8
commit 46a2d66
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 4 deletions.
diff --git a/docs/assets/css/custom-full.css b/docs/assets/css/custom-full.css
diff --git a/docs/assets/css/custom-full.css.map b/docs/assets/css/custom-full.css.map
diff --git a/docs/assets/css/custom.css b/docs/assets/css/custom.css
diff --git a/docs/assets/css/custom.css.map b/docs/assets/css/custom.css.map
diff --git a/scss/_forms.scss b/scss/_forms.scss
@@ -110,6 +110,15 @@ legend {
   box-shadow: $input-focus-box-shadow;
 }
 
+.form-switch {
+  padding-left: 3em;
+}
+
+.form-switch .form-check-input {
+  width: 2rem;
+  margin-left: -3em;
+}
+
 .form-switch .form-check-input {
   background-color: $gray-500;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 1%29'/%3e%3c/svg%3e");