From 8f16e7a42afbf05bc5670cdce6c533bae07dca18 Mon Sep 17 00:00:00 2001 From: Dan <39170265+chillenberger@users.noreply.github.com> Date: Mon, 9 Oct 2023 17:51:18 -0600 Subject: [PATCH] make switch input lighter by default and longer --- pgml-dashboard/static/css/scss/components/_forms.scss | 1 + pgml-dashboard/static/css/scss/themes/dark.scss | 4 ++-- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/pgml-dashboard/static/css/scss/components/_forms.scss b/pgml-dashboard/static/css/scss/components/_forms.scss index 3da4f79a6..5b211ca7a 100644 --- a/pgml-dashboard/static/css/scss/components/_forms.scss +++ b/pgml-dashboard/static/css/scss/components/_forms.scss @@ -30,6 +30,7 @@ &[type=checkbox] { background-color: var(--form-switch-default); border-color: var(--form-switch-default); + width: 2.5em !important; &:hover { border-color: var(--form-switch-hover); diff --git a/pgml-dashboard/static/css/scss/themes/dark.scss b/pgml-dashboard/static/css/scss/themes/dark.scss index e77354ed4..37ada0b9b 100644 --- a/pgml-dashboard/static/css/scss/themes/dark.scss +++ b/pgml-dashboard/static/css/scss/themes/dark.scss @@ -32,8 +32,8 @@ --form-check-disable-color: #{$gray-200}; --form-radio-checked-bg: #{$gray-100}; - --form-switch-default: #{$neon-tint-400}; - --form-switch-hover: #{$neon-tint-300}; + --form-switch-default: #{$neon-tint-600}; + --form-switch-hover: #{$neon-tint-500}; --form-switch-active: #{$neon-tint-100}; .form-label {
Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.
Alternative Proxies: