diff --git a/src/assets/scss/login.scss b/src/assets/scss/login.scss index 46666e3..406aa50 100644 --- a/src/assets/scss/login.scss +++ b/src/assets/scss/login.scss @@ -27,35 +27,31 @@ .login-form { width: inherit; + display: grid; + gap: 15px; - form { - display: grid; - gap: 15px; - width: inherit; + .form-field { + display: flex; + flex-direction: column; + background-color: rgba($white, 0.5); + border-radius: 3px; + min-width: 400px; + margin: 0 auto; - .form-field { - display: flex; - flex-direction: column; + label { + color: $black; background-color: rgba($white, 0.5); - border-radius: 3px; - min-width: 400px; - margin: 0 auto; + padding: 4px; + font-size: 0.875rem; + border-radius: 3px 3px 0 0; + } + + input { + padding: 4px; + font-size: 0.875rem; - label { - color: $black; - background-color: rgba($white, 0.5); - padding: 4px; - font-size: 0.875rem; - border-radius: 3px 3px 0 0; - } - - input { - padding: 4px; - font-size: 0.875rem; - - &:focus-visible { - outline: none; - } + &:focus-visible { + outline: none; } } }