mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2024-12-23 17:40:23 +03:00
Code Issues Projects Releases Packages Wiki Activity

Fixed Shlink logo not being vertically aligned in welcome screen

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/common/Home.scss
View file

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

4
src/common/Home.tsx
View file

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