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 }">
|
<template v-slot:activator="{ props }">
|
||||||
<v-btn class="profileBtn" variant="text" rounded="sm" v-bind="props">
|
<v-btn class="profileBtn" variant="text" rounded="sm" v-bind="props">
|
||||||
<div class="d-flex align-center">
|
<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-img :src="userAvatar" :alt="userAuth?.label || 'User'" cover />
|
||||||
</v-avatar>
|
</v-avatar>
|
||||||
<h6 class="text-subtitle-1 mb-0 d-sm-block d-none">
|
|
||||||
{{ userAuth?.label }}
|
|
||||||
</h6>
|
|
||||||
</div>
|
</div>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -62,9 +62,9 @@ const goToSettings = () => {
|
|||||||
<v-img :src="userAvatar" :alt="userName" cover />
|
<v-img :src="userAvatar" :alt="userName" cover />
|
||||||
</v-avatar>
|
</v-avatar>
|
||||||
<div class="flex-grow-1">
|
<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 }}
|
{{ userName }}
|
||||||
</h6>
|
</h5>
|
||||||
<p class="text-caption mb-0 text-medium-emphasis">{{ userEmail }}</p>
|
<p class="text-caption mb-0 text-medium-emphasis">{{ userEmail }}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -119,3 +119,10 @@ const goToSettings = () => {
|
|||||||
</perfect-scrollbar>
|
</perfect-scrollbar>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.user-menu-name {
|
||||||
|
font-size: 18px !important;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user