Inline block for avatar
fizerkhan opened this issue · comments
Most of the time, avatar will be followed by full name. Since the avatar has div
element, it pushes the name text to the next line. Can you make avatar as inline-block
by default? Otherwise can you provide a props to do it?
Version 2.1.1; You can add custom styles
<avatar username="Hubert-Félix Thiéfaine" :customStyle="{ 'display´: 'inline-block'}"></avatar>
@saintplay Thanks. 👍
Is there a way I can set a default custom style throughout my whole site? Or would I be better off creating a wrapper component, and using that everywhere?
You can customize the .vue-avatar--wrapper
class like
.vue-avatar--wrapper {
display: inline-block !important;
}