KevinMidboe/vinlottis
1
0
Fork 0
Code Issues 8 Pull Requests 14 Packages Projects Releases Wiki Activity

Desktop friendly styling for login and create pages.

Browse Source
This commit is contained in:
Kevin
2020-03-10 10:16:48 +01:00
parent 0fc7e65612
commit 78fb6f30de
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/styles/loginAndRegister.scss
View File

@@ -27,14 +27,14 @@ form {
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
margin: 0 auto; margin: 2rem auto 0;
width: 60vw; width: 80vw;
max-width: 1100px;
@include mobile { @include mobile {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
margin: 0 auto;
width: 90vw; width: 90vw;
} }
@@ -44,8 +44,10 @@ form {
line-height: 2rem; line-height: 2rem;
border: none; border: none;
border-bottom: 1px solid black; border-bottom: 1px solid black;
max-width: 30vw;
@include mobile { @include mobile {
max-width: unset;
font-size: 2rem; font-size: 2rem;
min-height: 2rem; min-height: 2rem;
line-height: 2rem; line-height: 2rem;
@@ -66,4 +68,4 @@ form {
width: calc(100% - 5rem); width: calc(100% - 5rem);
background-color: $light-red; background-color: $light-red;
color: $red; color: $red;
} }