fix logo-image on homepage

This commit is contained in:
Kyle Spearrin 2018-07-24 17:07:56 -04:00
parent 93e91351d9
commit 2da21e9e2b
2 changed files with 17 additions and 2 deletions

View File

@ -1,6 +1,6 @@
<div class="center-content">
<div class="content">
<img alt="Bitwarden" class="img-responsive logo-image" />
<div class="logo-image"></div>
<p class="lead text-center">{{'loginOrCreateNewAccount' | i18n}}</p>
<a class="btn primary block" routerLink="/login"><b>{{'login' | i18n}}</b></a>
<a class="btn block" routerLink="/register">{{'createAccount' | i18n}}</a>

View File

@ -147,7 +147,22 @@ app-vault-icon {
}
.logo-image {
margin: 0 auto;
width: 142px;
height: 21px;
background-size: 142px 21px;
background-repeat: no-repeat;
@include themify($themes) {
content: url('../images/logo-' + themed('logoSuffix') + '@2x.png');
background-image: url('../images/logo-' + themed('logoSuffix') + '@2x.png');
}
@media (min-width: 219px) {
width: 189px;
height: 28px;
background-size: 189px 28px;
}
@media (min-width: 314px) {
width: 284px;
height: 43px;
background-size: 284px 43px;
}
}