butter/keanu-weblite
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

UserProfileDialog padding top and profile view background alignment

Browse source
This commit is contained in:
10G Meow 2024-03-24 13:58:05 +02:00
parent 9f93aa6bad
commit 73561b8408
3 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/assets/css/_variables.scss
View file

@ -4,6 +4,7 @@ $app-background: #f6f6f6;
$main-desktop-width: 900px; $main-desktop-width: 900px;
$dialog-desktop-width: 940px; $dialog-desktop-width: 940px;
$very-very-purple: #536dfe; $very-very-purple: #536dfe;
$lighter-gray: #FDFBF9;
$chat-background: $background; $chat-background: $background;
$chat-standard-padding: 32px; $chat-standard-padding: 32px;

5
src/assets/css/chat.scss
View file

@ -911,7 +911,7 @@ body {
} }
.room-info { .room-info {
background-color: #FDFBF9; background-color: $lighter-gray;
height: 100%; height: 100%;
.chat-header { .chat-header {
@ -1090,7 +1090,7 @@ body {
} }
.profile { .profile {
background-color: #e8e8e8; background-color: $lighter-gray;
height: 100%; height: 100%;
.chat-header { .chat-header {
background-color: transparent; background-color: transparent;
@ -1100,6 +1100,7 @@ body {
.v-card { .v-card {
background-color: white; background-color: white;
border-radius: 20px; border-radius: 20px;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.05) !important;
} }
.user-info { .user-info {

2
src/components/UserProfileDialog.vue
View file

@ -7,7 +7,7 @@
:width="$vuetify.breakpoint.smAndUp ? '688px' : '95%'" :width="$vuetify.breakpoint.smAndUp ? '688px' : '95%'"
> >
<div class="dialog-content text-center member-action-dialog"> <div class="dialog-content text-center member-action-dialog">
<div> <div class="pt-4">
<v-avatar class="avatar" size="56" color="grey"> <v-avatar class="avatar" size="56" color="grey">
<img v-if="memberAvatarComp" :src="memberAvatarComp" /> <img v-if="memberAvatarComp" :src="memberAvatarComp" />
<span v-else class="white--text headline">{{ firstLetterUserName }}</span> <span v-else class="white--text headline">{{ firstLetterUserName }}</span>