1
0
mirror of https://github.com/elk-zone/elk synced 2024-12-14 22:58:04 +09:00
elk/components/account/AccountHoverCard.vue

25 lines
851 B
Vue
Raw Normal View History

<script setup lang="ts">
2023-01-08 15:21:09 +09:00
import type { mastodon } from 'masto'
const { account } = defineProps<{
2023-01-08 15:21:09 +09:00
account: mastodon.v1.Account
}>()
const relationship = $(useRelationship(account))
</script>
<template>
<div v-show="relationship" flex="~ col gap2" rounded min-w-90 max-w-120 z-100 overflow-hidden p-4>
2022-11-28 18:51:15 +09:00
<div flex="~ gap2" items-center>
<NuxtLink :to="getAccountRoute(account)" flex-auto rounded-full hover:bg-active transition-100 pe5 me-a>
2022-11-28 18:51:15 +09:00
<AccountInfo :account="account" />
</NuxtLink>
<AccountFollowButton text-sm :account="account" :relationship="relationship" />
</div>
2022-12-31 05:54:23 +09:00
<div v-if="account.note" max-h-100 overflow-y-auto>
<ContentRich text-4 text-secondary :content="account.note" :emojis="account.emojis" />
</div>
2022-11-28 18:51:15 +09:00
<AccountPostsFollowers text-sm :account="account" />
</div>
</template>