Removed style tags from the Login page styles.sass

This commit is contained in:
Mathias Wagner 2023-04-18 19:02:45 +02:00
parent c61832d723
commit 606ff061fb
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44

View File

@ -1,40 +1,15 @@
@import "@styles/colors"
.center-page
display: flex
flex-direction: column
align-items: center
justify-content: center
height: 100vh
.login-container
display: flex
flex-direction: column
justify-content: center
background-color: $background-opacity
backdrop-filter: blur(5rem)
border: 1px solid #515663
border: 1px solid $dark-gray
border-radius: 10px
padding: 1rem 2rem
.login-header
display: flex
padding: 0 2rem
gap: 1rem
align-items: center
.login-header img
width: 4rem
height: 4rem
.login-header
color: $white
.login-header h1
margin: 0
font-weight: 700
.login-body
display: flex
flex-direction: column
@ -42,44 +17,8 @@
margin-top: 1rem
max-width: 20rem
.btn
display: flex
justify-content: center
align-items: center
padding: 0.5rem 1rem
border-radius: 0.5rem
background-color: $primary
color: $black
font-size: 16pt
font-weight: 700
cursor: pointer
border: none
.login-body .text-right
text-align: right
text-decoration: none
color: $gray
font-weight: 700
.login-group
display: flex
flex-direction: column
gap: 0.5rem
.login-group label
color: $white
font-weight: 700
.login-group input
padding: 0.5rem 1rem
border-radius: 0.5rem
background-color: $background-opacity
color: $white
border: 2px solid #515663
font-size: 18pt
width: auto
font-weight: 700
.login-group input:focus
outline: none
border: 2px solid $primary