15 lines
425 B
Vue
15 lines
425 B
Vue
<template>
|
|
<div class="flex justify-center items-center rounded-full bg-orange-600 hover:bg-orange-800">
|
|
<img v-if="avatar" src="avatar" alt="alt" class="avatar" v-bind:class="'avatar' + size">
|
|
<span v-else class="text-2xl font-bold" v-bind:class="'text-' + size">{{ alt[0] }}</span>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'Avatar',
|
|
props: ['avatar', 'alt', 'size']
|
|
}
|
|
</script>
|