github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-20 05:13:18 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix for the login screen on mobile devices

Browse source
This commit is contained in:
twanariens 2021-01-24 21:21:05 +01:00
commit b733fd10dc
2 changed files with 25 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/Ombi/ClientApp/src/app/login/login.component.scss
View file

@ -71,18 +71,6 @@ div.bg {
/* /*
* Form styles * Form styles
*/ */
.profile-name-card {
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 10px 0 0;
min-height: 1em;
}
.form-control {
color: black;
background-color: white !important;
}
.reauth-email { .reauth-email {
display: block; display: block;
@ -164,12 +152,12 @@ div.bg {
.small-middle-container{ .small-middle-container{
margin: auto; margin: auto;
overflow: auto; overflow: auto;
width:auto;
} }
} }
@media (min-width: 571px) { @media (min-width: 571px) {
.small-middle-container{ .small-middle-container{
margin: auto; margin: auto;
width: 35%;
overflow: auto; overflow: auto;
} }
} }
@ -199,4 +187,28 @@ div.bg {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height:100vh; height:100vh;
}
.login-card.mat-card{
background-color: rgba(0,0,0,0.6);
padding:60px 40px;
}
.login-card H1.login_logo{
display:flex;
font-family: Montserrat,sans-serif;
text-transform: uppercase;
color:$ombi-active;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 10em;
width:100%;
margin-bottom:70px;
}
@media (max-width: 600px){
.login-card H1.login_logo{
font-size:20vw;
}
} }

18
src/Ombi/ClientApp/src/styles/material-overrides.scss
View file

@ -38,24 +38,6 @@ td.mat-cell {
//Login Screen CSS //Login Screen CSS
.login-card{
background-color: rgba(0,0,0,0.6);
}
.login-card H1.login_logo{
display:flex;
font-family: Montserrat,sans-serif;
text-transform: uppercase;
color:$ombi-active;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 10em;
width:100%;
padding:40px;
margin-bottom:50px;
}
.login-buttons button{ .login-buttons button{
margin:1em; margin:1em;
&#sign-in{ &#sign-in{