media query adjustments

This commit is contained in:
Kyle Spearrin 2018-01-30 17:34:58 -05:00
parent 0be7f9f8eb
commit 6040e12e97
2 changed files with 8 additions and 4 deletions

View File

@ -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>

View File

@ -4,10 +4,14 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100%;
@media (min-height: 500px) {
height: calc(100% + 50px); height: calc(100% + 50px);
margin-top: -50px; margin-top: -50px;
}
@media (min-height: 750px) { @media (min-height: 800px) {
height: calc(100% + 300px); height: calc(100% + 300px);
margin-top: -300px; margin-top: -300px;
} }