Mamalizz
33 lines
758 B
Vue
33 lines
758 B
Vue
<script setup lang="ts">
|
|
// types
|
|
|
|
type Props = {
|
|
src: string;
|
|
alt: string;
|
|
};
|
|
|
|
// props
|
|
|
|
defineProps<Props>();
|
|
</script>
|
|
|
|
<template>
|
|
<AvatarRoot
|
|
class="inline-flex size-[45px] select-none items-center justify-center rounded-full align-middle"
|
|
>
|
|
<AvatarImage
|
|
class="h-full w-full rounded-full object-cover"
|
|
:src="src"
|
|
:alt="alt"
|
|
/>
|
|
<AvatarFallback
|
|
class="flex-center size-full text-sm font-medium rounded-full"
|
|
:delay-ms="600"
|
|
>
|
|
<div class="size-full rounded-full flex-center">
|
|
<Icon name="ci:profile" size="16" class="**:stroke-black" />
|
|
</div>
|
|
</AvatarFallback>
|
|
</AvatarRoot>
|
|
</template>
|