maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-31 02:26:50 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

hero section min-height

Browse source
This commit is contained in:
Vesa Luusua 2017-06-19 13:42:29 +03:00
parent 92472129fd
commit 014334ada1
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/HeroSection/HeroSection.css
View file

@ -47,6 +47,7 @@
.mobileSearchButton { .mobileSearchButton {
border-radius: 4px; border-radius: 4px;
flex-shrink: 0;
@media (--desktopViewport) { @media (--desktopViewport) {
display: none; display: none;

4
src/containers/LandingPage/LandingPage.css
View file

@ -5,11 +5,11 @@
} }
.hero { .hero {
height: calc(100vh - var(--topbarHeight)); min-height: calc(100vh - var(--topbarHeight));
padding: 0 24px 98px 24px; padding: 0 24px 98px 24px;
@media (--desktopViewport) { @media (--desktopViewport) {
height: calc(100vh - var(--topbarHeightDesktop)); min-height: calc(100vh - var(--topbarHeightDesktop));
} }
@media (min-width: 768px) { @media (min-width: 768px) {