elk/components/account/AccountCard.vue

26 lines
535 B
Vue
Raw Normal View History

<script setup lang="ts">
import type { Account } from 'masto'
const { account } = defineProps<{
account: Account
2022-11-28 18:24:39 +01:00
hoverCard?: boolean
}>()
2022-11-24 08:53:27 +01:00
cacheAccount(account)
</script>
<template>
2022-11-23 15:39:48 +01:00
<div flex justify-between hover:bg-active transition-100>
2022-11-28 18:24:39 +01:00
<AccountInfo
:account="account" hover p1 as="router-link"
:hover-card="hoverCard"
2022-11-30 22:38:18 +01:00
shrink
overflow-hidden
:to="getAccountRoute(account)"
2022-11-28 18:24:39 +01:00
/>
2022-11-30 22:38:18 +01:00
<div h-full p1 shrink-0>
2022-11-22 23:40:20 +01:00
<AccountFollowButton :account="account" />
</div>
</div>
</template>