@@ -21,7 +26,6 @@
position: relative;
background-size: cover;
background-position: center;
- padding-top: 175px;
}
.account-profile.moved {
@@ -29,7 +33,6 @@
}
.account-profile.header-image-is-missing {
- padding-top: 0;
background-color: #ccc;
}
@@ -50,8 +53,8 @@
@supports (-webkit-backdrop-filter: blur(1px) saturate(1%)) or (backdrop-filter: blur(1px) saturate(1%)) {
:global(.account-profile-grid-wrapper) {
- -webkit-backdrop-filter: blur(7px) saturate(110%);
- backdrop-filter: blur(7px) saturate(110%);
+ -webkit-backdrop-filter: blur(20px) saturate(110%);
+ backdrop-filter: blur(20px) saturate(110%);
background-color: var(--account-profile-bg-backdrop-filter);
}
}
@@ -106,6 +109,17 @@
grid-row-gap: 0;
}
}
+
+ .account-profile-banner {
+ aspect-ratio: 3/1;
+ background-color: var(--body-bg);
+ }
+ .account-profile-banner-image {
+ display: block;
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }