Fixed Shlink logo not being vertically aligned in welcome screen

This commit is contained in:
Alejandro Celaya 2022-01-08 10:19:20 +01:00
parent 4f03ab18e5
commit 2ad2d69b2b
2 changed files with 12 additions and 2 deletions

View file

@ -12,8 +12,16 @@
}
}
.home__logo-wrapper {
padding: 1.5rem !important;
height: 100% !important;
min-height: 300px;
}
.home__logo {
@include vertical-align();
width: calc(100% - 3rem);
}
.home__main-card {

View file

@ -30,8 +30,10 @@ const Home = ({ servers, history }: HomeProps) => {
<Card className="home__main-card">
<Row noGutters>
<div className="col-md-5 d-none d-md-block">
<div className="p-4">
<ShlinkLogo />
<div className="home__logo-wrapper">
<div className="home__logo">
<ShlinkLogo />
</div>
</div>
</div>
<div className="col-md-7 home__servers-container">