diff --git a/front/src/components/ui/input.scss b/front/src/components/ui/input.scss index 0bef742da..169553bbb 100644 --- a/front/src/components/ui/input.scss +++ b/front/src/components/ui/input.scss @@ -121,32 +121,3 @@ border-radius: 4px; } } - -form.ui.form { - select.dropdown { - display: block; - height: 48px; - margin-top: 7px; - border-radius: var(--fw-border-radius); - font-size: 14px; - font-family: $font-main; - line-height: 28px; - border: 12px solid transparent; - padding: 0px 12px; - color: var(--input-color); - -webkit-transition: color .1s ease, border-color .1s ease; - transition: color .1s ease, border-color .1s ease; - - @include light-theme { - color: var(--fw-gray-800); - background-color: var(--fw-gray-200); - border-color: transparent; - } - - @include dark-theme { - color: var(--fw-gray-300); - background-color: var(--fw-gray-850); - border-color: var(--fw-gray-850); - } - } -} diff --git a/front/src/style/components/_form.scss b/front/src/style/components/_form.scss index a4d4967b5..bd0d2734e 100644 --- a/front/src/style/components/_form.scss +++ b/front/src/style/components/_form.scss @@ -1,3 +1,36 @@ +form.ui.form { + select.dropdown { + display: block; + height: 48px; + margin-top: 7px; + border-radius: var(--fw-border-radius); + font-size: 14px; + font-family: $font-main; + line-height: 28px; + border: 12px solid transparent; + padding: 0px 12px; + color: var(--input-color); + -webkit-transition: color .1s ease, border-color .1s ease; + transition: color .1s ease, border-color .1s ease; + + @include light-theme { + color: var(--fw-gray-800); + background-color: var(--fw-gray-200); + border-color: transparent; + } + + @include dark-theme { + color: var(--fw-gray-300); + background-color: var(--fw-gray-850); + border-color: var(--fw-gray-850); + } + } + label { + font-size: 14px; + font-weight: 600; + margin-bottom: 8px; + } +} .ui.checkbox label { cursor: pointer; @@ -27,11 +60,6 @@ input + .help { } } -.ui.form span.label { - margin-top: -18px; - font-size: 14px; - font-weight: 600; -} .ui.icon.input > .icon { color: var(--input-color); }