Use cover for banners

merge-requests/8/head
Bob Mottram 2020-11-13 10:35:01 +00:00
parent 0cef35257d
commit 11401d5451
1 changed files with 9 additions and 4 deletions

View File

@ -130,6 +130,8 @@
--post-separator-width: 95%;
--post-separator-height: 1px;
--header-vertical-offset: 0;
--profile-background-height: 25vw;
--profile-text-align: left;
}
@font-face {
@ -258,7 +260,7 @@ a:focus {
margin: 10px;
width: 100%;
color: #ffffff;
text-align: left;
text-align: var(--profile-text-align);
line-height: 1.4em;
background-color: #141414;
}
@ -282,8 +284,9 @@ a:focus {
}
.profileHeader img.profileBackground {
object-fit: cover;
max-height: var(--profile-background-height);
width: 100%;
height: 25vw;
vertical-align: top;
}
@ -988,8 +991,9 @@ div.container {
display: none;
}
.timeline-banner {
object-fit: cover;
width: 98vw;
height: var(--banner-height);
max-height: var(--banner-height);
}
.timeline {
border: 0;
@ -1639,8 +1643,9 @@ div.container {
display: inline;
}
.timeline-banner {
object-fit: cover;
width: 98vw;
height: var(--banner-height-mobile);
max-height: var(--banner-height-mobile);
}
.timeline {
border: 0;