User cover for banner

main
Bob Mottram 2020-11-13 11:21:46 +00:00
parent 11401d5451
commit 988e5eb193
1 changed files with 11 additions and 9 deletions

View File

@ -193,8 +193,9 @@ input[type=text] {
@media screen and (min-width: 400px) { @media screen and (min-width: 400px) {
.timeline-banner { .timeline-banner {
object-fit: cover;
width: 98vw; width: 98vw;
height: var(--search-banner-height); max-height: var(--search-banner-height);
} }
.hashtagswarm { .hashtagswarm {
font-size: var(--hashtag-size1); font-size: var(--hashtag-size1);
@ -232,20 +233,21 @@ input[type=text] {
} }
input[type=checkbox] input[type=checkbox]
{ {
-ms-transform: scale(2); -ms-transform: scale(2);
-moz-transform: scale(2); -moz-transform: scale(2);
-webkit-transform: scale(2); -webkit-transform: scale(2);
-o-transform: scale(2); -o-transform: scale(2);
transform: scale(2); transform: scale(2);
padding: 10px; padding: 10px;
margin: 20px 30px; margin: 20px 30px;
} }
} }
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.timeline-banner { .timeline-banner {
object-fit: cover;
width: 98vw; width: 98vw;
height: var(--search-banner-height-mobile); max-height: var(--search-banner-height-mobile);
} }
.hashtagswarm { .hashtagswarm {
font-size: var(--hashtag-size2); font-size: var(--hashtag-size2);