halo/ui/console-src/modules/contents/comments/components/OwnerButton.vue

19 lines
514 B
Vue

<script setup lang="ts">
import type { OwnerInfo } from "@halo-dev/api-client";
import { VAvatar } from "@halo-dev/components";
defineProps<{
owner: OwnerInfo;
}>();
</script>
<template>
<div
class="-m-1 inline-flex cursor-pointer items-center gap-1.5 rounded-lg p-1 transition-colors hover:bg-gray-100"
>
<VAvatar circle :src="owner?.avatar" :alt="owner?.displayName" size="xs" />
<span class="text-sm font-medium text-gray-900">
{{ owner?.displayName }}
</span>
</div>
</template>