diff --git a/src/profiles/Profile.css b/src/profiles/Profile.css index caced73..8e24a3c 100644 --- a/src/profiles/Profile.css +++ b/src/profiles/Profile.css @@ -8,6 +8,21 @@ gap: 16px; } + .banner { + width: 100%; + margin-top: calc(-1 * (var(--scaffold-topbar-height) + var(--safe-area-inset-top))); + + >img { + object-fit: cover; + width: 100%; + height: 100%; + + &::before { + visibility: hidden; + } + } + } + .description { & a { color: inherit; @@ -23,11 +38,11 @@ gap: 16px; align-items: center; - & > :nth-child(2) { + &> :nth-child(2) { flex-grow: 1; } - & > :last-child { + &> :last-child { flex-grow: 1; text-align: right; } @@ -51,14 +66,14 @@ table.acct-fields { word-break: break-all; - & td > a { + & td>a { display: inline-flex; align-items: center; color: inherit; min-height: 44px; } - & a > .invisible { + & a>.invisible { display: none; } @@ -89,4 +104,4 @@ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -} +} \ No newline at end of file diff --git a/src/profiles/Profile.tsx b/src/profiles/Profile.tsx index 3d1d734..20dc609 100644 --- a/src/profiles/Profile.tsx +++ b/src/profiles/Profile.tsx @@ -336,21 +336,14 @@ const Profile: Component = () => {