mirror of
https://github.com/nextcloud/server.git
synced 2026-03-18 00:23:20 -04:00
Fix profile page rendering
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
parent
6bf770e8b9
commit
7cc814093e
1 changed files with 13 additions and 5 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue