Removed style tags from the Login page styles.sass
This commit is contained in:
parent
c61832d723
commit
606ff061fb
@ -1,40 +1,15 @@
|
|||||||
@import "@styles/colors"
|
@import "@styles/colors"
|
||||||
|
|
||||||
.center-page
|
|
||||||
display: flex
|
|
||||||
flex-direction: column
|
|
||||||
align-items: center
|
|
||||||
justify-content: center
|
|
||||||
height: 100vh
|
|
||||||
|
|
||||||
.login-container
|
.login-container
|
||||||
display: flex
|
display: flex
|
||||||
flex-direction: column
|
flex-direction: column
|
||||||
justify-content: center
|
justify-content: center
|
||||||
background-color: $background-opacity
|
background-color: $background-opacity
|
||||||
backdrop-filter: blur(5rem)
|
backdrop-filter: blur(5rem)
|
||||||
border: 1px solid #515663
|
border: 1px solid $dark-gray
|
||||||
border-radius: 10px
|
border-radius: 10px
|
||||||
padding: 1rem 2rem
|
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
|
.login-body
|
||||||
display: flex
|
display: flex
|
||||||
flex-direction: column
|
flex-direction: column
|
||||||
@ -42,44 +17,8 @@
|
|||||||
margin-top: 1rem
|
margin-top: 1rem
|
||||||
max-width: 20rem
|
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
|
.login-body .text-right
|
||||||
text-align: right
|
text-align: right
|
||||||
text-decoration: none
|
text-decoration: none
|
||||||
color: $gray
|
color: $gray
|
||||||
font-weight: 700
|
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
|
|
Loading…
x
Reference in New Issue
Block a user