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

chore: ⬆️ Upgrade to the latest Shadcn-Vue version
Some checks failed
CodeQL / Analyze (javascript) (push) Failing after 2m30s
Details
Deploy to GitHub Pages / build (push) Failing after 6s
Details
Deploy to GitHub Pages / deploy (push) Has been skipped
Details
Docker / build (push) Failing after 5s
Details
Mirror to Codeberg / Mirror (push) Failing after 0s
Details

Browse source
This commit is contained in:
Jesse Wierzbinski 2025-03-28 01:16:24 +01:00
parent 7649ecfb80
commit 092bce0f24
No known key found for this signature in database
169 changed files with 1860 additions and 1088 deletions
Download patch file Download diff file Expand all files Collapse all files

45
components/notifications/notification.vue
View file

@ -1,17 +1,30 @@
<template>
<Card class="rounded-none border-0">
<Card class="*:w-full p-2">
<Collapsible :default-open="true" v-slot="{ open }">
<Tooltip>
<TooltipTrigger :as-child="true">
<CardHeader v-if="notification.account"
class="flex-row items-center gap-2 px-4 py-2 border-b border-border">
<CardHeader
v-if="notification.account"
class="flex-row items-center gap-2 px-2"
>
<component :is="icon" class="size-5 shrink-0" />
<Avatar class="size-6 border border-card" :src="notification.account.avatar" :name="notification.account.display_name" />
<span class="font-semibold" v-render-emojis="notification.account.emojis">{{
notification.account.display_name
}}</span>
<Avatar
class="size-5 border border-card"
:src="notification.account.avatar"
:name="notification.account.display_name"
/>
<span
class="font-semibold text-sm"
v-render-emojis="notification.account.emojis"
>{{ notification.account.display_name }}</span
>
<CollapsibleTrigger :as-child="true">
<Button variant="ghost" size="icon" class="ml-auto [&_svg]:data-[state=open]:-rotate-180" :title="open ? 'Collapse' : 'Expand'">
<Button
variant="ghost"
size="icon"
class="ml-auto [&_svg]:data-[state=open]:-rotate-180"
:title="open ? 'Collapse' : 'Expand'"
>
<ChevronDown class="duration-200" />
</Button>
</CollapsibleTrigger>
@ -23,9 +36,19 @@
</Tooltip>
<CollapsibleContent :as-child="true">
<CardContent class="p-0">
<Note v-if="notification.status" :note="notification.status" :small-layout="true"
:hide-actions="true" />
<FollowRequest v-else-if="notification.type === 'follow_request' && notification.account" :follower="notification.account" />
<Note
v-if="notification.status"
:note="notification.status"
:small-layout="true"
:hide-actions="true"
/>
<FollowRequest
v-else-if="
notification.type === 'follow_request' &&
notification.account
"
:follower="notification.account"
/>
</CardContent>
</CollapsibleContent>
</Collapsible>