Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| cb45399998 | |||
| f24e0ae669 | |||
| 673bdc1f7a |
@@ -88,12 +88,9 @@ const userAvatar = computed(() => userStore.getProfileField('avatar') || default
|
||||
<template v-slot:activator="{ props }">
|
||||
<v-btn class="profileBtn" variant="text" rounded="sm" v-bind="props">
|
||||
<div class="d-flex align-center">
|
||||
<v-avatar class="mr-sm-2 mr-0" size="32">
|
||||
<v-avatar size="32">
|
||||
<v-img :src="userAvatar" :alt="userAuth?.label || 'User'" cover />
|
||||
</v-avatar>
|
||||
<h6 class="text-subtitle-1 mb-0 d-sm-block d-none">
|
||||
{{ userAuth?.label }}
|
||||
</h6>
|
||||
</div>
|
||||
</v-btn>
|
||||
</template>
|
||||
|
||||
@@ -62,9 +62,9 @@ const goToSettings = () => {
|
||||
<v-img :src="userAvatar" :alt="userName" cover />
|
||||
</v-avatar>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-h6 mb-0 font-weight-medium">
|
||||
<h5 class="user-menu-name mb-0 font-weight-bold">
|
||||
{{ userName }}
|
||||
</h6>
|
||||
</h5>
|
||||
<p class="text-caption mb-0 text-medium-emphasis">{{ userEmail }}</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -119,3 +119,10 @@ const goToSettings = () => {
|
||||
</perfect-scrollbar>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.user-menu-name {
|
||||
font-size: 18px !important;
|
||||
line-height: 1.2;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user