Merge branch '515-header-for-dm-rooms-improvements' into 'dev'

DM header avatar: make circle and increase touch target size

See merge request keanuapp/keanuapp-weblite!235
This commit is contained in:
N Pex 2023-10-09 12:28:56 +00:00
commit 9a9ec98c22
3 changed files with 3 additions and 3 deletions

View file

@ -5,7 +5,7 @@
cols="auto"
class="chat-header-members text-start ma-0 pa-0"
>
<v-avatar size="40" class="clickable me-2 chat-header-avatar" color="grey" @click.stop="onAvatarClicked">
<v-avatar size="48" class="clickable me-2 chat-header-avatar" color="grey" @click.stop="onAvatarClicked">
<v-img v-if="roomAvatar" :src="roomAvatar" />
<span v-else class="white--text headline">{{
room.name.substring(0, 1).toUpperCase()

View file

@ -5,7 +5,7 @@
cols="auto"
class="chat-header-members text-start ma-0 pa-0"
>
<v-avatar size="40" class="clickable me-2 chat-header-avatar" color="grey" @click.stop="onAvatarClicked">
<v-avatar size="48" class="clickable me-2 chat-header-avatar rounded-circle" color="grey" @click.stop="onAvatarClicked">
<v-img v-if="privatePartyAvatar(40)" :src="privatePartyAvatar(40)" />
<span v-else class="white--text headline">{{
privateParty.name.substring(0, 1).toUpperCase()

View file

@ -35,7 +35,7 @@
</v-list-item>
<v-list-item v-for="room in joinedRooms" :key="room.roomId" :value="room.roomId" class="room-list-room">
<v-list-item-avatar size="42" color="#d9d9d9">
<v-list-item-avatar size="42" color="#d9d9d9" :class="[{'rounded-circle': isDirect(room)}]">
<v-img v-if="roomAvatar(room)" :src="roomAvatar(room)" />
<span v-else class="white--text headline">{{
room.name.substring(0, 1).toUpperCase()