snipette/snipette-gatsby-site
snipette/snipette-gatsby-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 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; right: 0;
bottom: 0; bottom: 0;
display: flex; display: flex;
max-height: 33vh; flex-wrap: wrap;
max-height: 15rem;
display: flex;
} }
.bottom-banner:hover { .bottom-banner:hover {
cursor: pointer; cursor: pointer;
@ -980,6 +978,7 @@ h6 {
flex: 0 0 3rem; flex: 0 0 3rem;
background: white; background: white;
color: #FF7700; color: #FF7700;
margin-left: auto;
} }
.bottom-banner .close-button:hover { .bottom-banner .close-button:hover {
text-decoration: none; text-decoration: none;
@ -988,7 +987,10 @@ h6 {
.bottom-banner .banner-image { .bottom-banner .banner-image {
display: flex; display: flex;
flex-flow: nowrap; 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 { .bottom-banner .banner-image img {
max-height: 100%; max-height: 100%;
@ -998,7 +1000,7 @@ h6 {
} }
.bottom-banner .banner-content { .bottom-banner .banner-content {
flex: 1 1 100%; flex: 1 1 auto;
margin-left: 1rem; margin-left: 1rem;
} }