versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2026-03-13 11:39:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: ✨ Add popup profile preview when hovering on note avatars

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-07-21 18:16:03 +02:00
parent 4e370cd056
commit 80b1fc87f7
No known key found for this signature in database
3 changed files with 124 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
components/social-elements/notes/header.vue
View file

@ -23,9 +23,11 @@
</div>
<div v-else class="flex flex-row">
<NuxtLink :href="accountUrl" class="shrink-0">
<Avatar :src="note?.account.avatar" :alt="`${note?.account.acct}'s avatar`"
class="h-12 w-12 rounded ring-1 ring-white/5" />
<span class="sr-only">Account profile</span>
<UserCard :account="note?.account">
<Avatar :src="note?.account.avatar" :alt="`${note?.account.acct}'s avatar`"
class="h-12 w-12 rounded ring-1 ring-white/5" />
<span class="sr-only">Account profile</span>
</UserCard>
</NuxtLink>
<div class="flex flex-col items-start justify-around ml-4 grow overflow-hidden">
<div class="flex flex-row items-center justify-between w-full">
@ -69,6 +71,7 @@
import type { Status } from "@lysand-org/client/types";
import Avatar from "~/components/avatars/avatar.vue";
import Skeleton from "~/components/skeleton/Skeleton.vue";
import UserCard from "~/components/social-elements/users/UserCard.vue";
const props = defineProps<{
note?: Status;