set avatar size to small in AvatarMenu and for Anonymous users

This commit is contained in:
Alina Beck 2020-01-22 18:05:00 +03:00
parent a08d02b583
commit 0392826211
2 changed files with 6 additions and 2 deletions

View File

@ -11,7 +11,7 @@
" "
@click.prevent="toggleMenu" @click.prevent="toggleMenu"
> >
<user-avatar :user="user" /> <user-avatar :user="user" size="small" />
<base-icon class="dropdown-arrow" name="angle-down" /> <base-icon class="dropdown-arrow" name="angle-down" />
</a> </a>
</template> </template>
@ -127,6 +127,10 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
padding-left: $space-xx-small; padding-left: $space-xx-small;
> .user-avatar {
margin-right: $space-xx-small;
}
} }
.avatar-menu-popover { .avatar-menu-popover {
padding-top: $space-x-small; padding-top: $space-x-small;

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="user-teaser" v-if="displayAnonymous"> <div class="user-teaser" v-if="displayAnonymous">
<user-avatar v-if="showAvatar" /> <user-avatar v-if="showAvatar" size="small" />
<span class="info anonymous">{{ $t('profile.userAnonym') }}</span> <span class="info anonymous">{{ $t('profile.userAnonym') }}</span>
</div> </div>
<dropdown <dropdown