snipette/snipette-gatsby-site
snipette/snipette-gatsby-site
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Update banner to work better on mobile

Browse source
This commit is contained in:
Hippo 2019-11-19 14:17:10 +05:30
parent 6ed30e14c0
commit 8552146c8d
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/styles/app.css
View file

@ -952,9 +952,7 @@ h6 {
right: 0;
bottom: 0;
display: flex;
max-height: 33vh;
max-height: 15rem;
display: flex;
flex-wrap: wrap;
}
.bottom-banner:hover {
cursor: pointer;
@ -980,6 +978,7 @@ h6 {
flex: 0 0 3rem;
background: white;
color: #FF7700;
margin-left: auto;
}
.bottom-banner .close-button:hover {
text-decoration: none;
@ -988,7 +987,10 @@ h6 {
.bottom-banner .banner-image {
display: flex;
flex-flow: nowrap;
justify-content: flex-end;
justify-content: center;
max-height: 10rem;
flex: 1 1 0;
margin-left: auto;
}
.bottom-banner .banner-image img {
max-height: 100%;
@ -998,7 +1000,7 @@ h6 {
}
.bottom-banner .banner-content {
flex: 1 1 100%;
flex: 1 1 auto;
margin-left: 1rem;
}