zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: add account hover card (#80)

Browse source 
Co-authored-by: 三咲智子 Kevin Deng <sxzz@sxzz.moe>
This commit is contained in:
wheat 2022-11-25 03:21:53 -05:00 • committed by GitHub
parent 4505080ba8
commit 410d41a0a8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 39 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
components/status/StatusCard.vue
View file

@ -79,7 +79,12 @@ const timeago = useTimeAgo(() => status.createdAt, {
</div>
</div>
<div flex gap-4>
<AccountAvatar mt1 w-12 h-12 :account="status.account" />
<div relative flex-shrink-0>
<div group>
<AccountHoverCard top="-3.2" left="-4.4" absolute :account="status.account" op0 pointer-events-none group-hover="pointer-events-auto op100 scale-100" delay-250 transition transform scale-20 class="ease-[cubic-bezier(0.4, 0.0, 0.2, 1)]" />
<AccountAvatar mt1 w-12 h-12 :account="status.account" />
</div>
</div>
<div flex="~ col 1">
<div flex>
<StatusAccountDetails :account="status.account" />