diff --git a/epicyon-profile.css b/epicyon-profile.css index a3db3486..2b8c73cb 100644 --- a/epicyon-profile.css +++ b/epicyon-profile.css @@ -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;