Improve profile page elements, reduce jank

Fixes #167
2022-01-17 05:50:45 +01:00
parent 43b0bdc08a
commit b01810e261
7 changed files with 31 additions and 39 deletions
--- a/src/sass/profile/_base.scss
+++ b/src/sass/profile/_base.scss
@@ -15,23 +15,22 @@
 }

 .profile-banner {
-    padding-bottom: 4px;
+    margin-bottom: 4px;
+    background-color: var(--bg_panel);

    a {
-        display: inherit;
-        line-height: 0;
+        display: block;
+        position: relative;
+        padding: 33.34% 0 0 0;
    }

    img {
-        width: 100%;
+        max-width: 100%;
+        position: absolute;
+        top: 0;
    }
 }

-.profile-banner-color {
-    width: 100%;
-    padding-bottom: 25%;
-}
-
 .profile-tab {
    padding: 0 4px 0 0;
    box-sizing: border-box;