media query adjustments
This commit is contained in:
parent
0be7f9f8eb
commit
6040e12e97
|
@ -1,5 +1,5 @@
|
||||||
<div id="login">
|
<div id="login">
|
||||||
<form (ngSubmit)="onSubmit()" #heroForm="ngForm">
|
<form (ngSubmit)="onSubmit()">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<img src="../../images/logo@2x.png" alt="bitwarden">
|
<img src="../../images/logo@2x.png" alt="bitwarden">
|
||||||
<p>{{'loginOrCreateNewAccount' | i18n}}</p>
|
<p>{{'loginOrCreateNewAccount' | i18n}}</p>
|
||||||
|
|
|
@ -4,10 +4,14 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: calc(100% + 50px);
|
height: 100%;
|
||||||
margin-top: -50px;
|
|
||||||
|
|
||||||
@media (min-height: 750px) {
|
@media (min-height: 500px) {
|
||||||
|
height: calc(100% + 50px);
|
||||||
|
margin-top: -50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-height: 800px) {
|
||||||
height: calc(100% + 300px);
|
height: calc(100% + 300px);
|
||||||
margin-top: -300px;
|
margin-top: -300px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue