diff options
author | Julius Härtl <jus@bitgrid.net> | 2022-08-31 11:08:22 +0300 |
---|---|---|
committer | Julius Härtl <jus@bitgrid.net> | 2022-09-01 15:15:41 +0300 |
commit | 7cc814093e1d61606a8f7efc6fffc92e425e5b4e (patch) | |
tree | 9f9e11086a71045da637b0ff3d20bf9113a1c676 | |
parent | 6bf770e8b90570f027e69720687bcd524b99c03a (diff) |
Fix profile page rendering
Signed-off-by: Julius Härtl <jus@bitgrid.net>
-rw-r--r-- | core/src/views/Profile.vue | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/core/src/views/Profile.vue b/core/src/views/Profile.vue index 46cd41d468e..f1b3f4e958e 100644 --- a/core/src/views/Profile.vue +++ b/core/src/views/Profile.vue @@ -45,7 +45,8 @@ </div> </div> - <div class="profile__content"> + <div class="profile__wrapper"> + <div class="profile__content"> <div class="profile__sidebar"> <NcAvatar class="avatar" :class="{ interactive: isCurrentUser }" @@ -135,6 +136,7 @@ </template> </div> </div> + </div> </div> </template> @@ -306,8 +308,9 @@ $content-max-width: 640px; position: sticky; height: 190px; top: -40px; - background-color: var(--color-primary); - background-image: var(--gradient-primary-background); + background-color: var(--color-main-background-blur); + backdrop-filter: var(--filter-background-blur); + -webkit-backdrop-filter: var(--filter-background-blur); &__container { align-self: flex-end; @@ -324,7 +327,7 @@ $content-max-width: 640px; } &__displayname, &__status-text { - color: var(--color-primary-text); + color: var(--color-main-text); } &__displayname { @@ -361,7 +364,7 @@ $content-max-width: 640px; &:hover, &:focus, &:active { - color: var(--color-primary-text); + color: var(--color-primary-element); background-color: var(--color-primary-element-light); } @@ -445,6 +448,11 @@ $content-max-width: 640px; } } + &__wrapper { + background-color: var(--color-main-background); + min-height: 100%; + } + &__content { max-width: $profile-max-width; margin: 0 auto; |