mirror of
https://github.com/versia-pub/frontend.git
synced 2026-06-14 15:39:15 +02:00
style: 🎨 Format code with Biome
This commit is contained in:
parent
7ff9d2302a
commit
3627ac0ef8
296 changed files with 3257 additions and 2808 deletions
|
|
@ -1,36 +1,61 @@
|
|||
<template>
|
||||
<div class="rounded grid grid-cols-[auto_1fr_auto] items-center gap-3">
|
||||
<HoverCard v-model:open="popupOpen" @update:open="() => {
|
||||
<HoverCard
|
||||
v-model:open="popupOpen"
|
||||
@update:open="() => {
|
||||
if (!preferences.popup_avatar_hover) {
|
||||
popupOpen = false;
|
||||
}
|
||||
}" :open-delay="2000">
|
||||
}"
|
||||
:open-delay="2000"
|
||||
>
|
||||
<HoverCardTrigger :as-child="true">
|
||||
<NuxtLink :href="urlAsPath" :class="cn('relative size-12', smallLayout && 'size-8')">
|
||||
<Avatar :class="cn('size-12 border border-card', smallLayout && 'size-8')" :src="author.avatar"
|
||||
:name="author.display_name" />
|
||||
<Avatar v-if="cornerAvatar" class="size-6 border absolute -bottom-1 -right-1" :src="cornerAvatar" />
|
||||
<NuxtLink
|
||||
:href="urlAsPath"
|
||||
:class="cn('relative size-12', smallLayout && 'size-8')"
|
||||
>
|
||||
<Avatar
|
||||
:class="cn('size-12 border border-card', smallLayout && 'size-8')"
|
||||
:src="author.avatar"
|
||||
:name="author.display_name"
|
||||
/>
|
||||
<Avatar
|
||||
v-if="cornerAvatar"
|
||||
class="size-6 border absolute -bottom-1 -right-1"
|
||||
:src="cornerAvatar"
|
||||
/>
|
||||
</NuxtLink>
|
||||
</HoverCardTrigger>
|
||||
<HoverCardContent class="w-96">
|
||||
<SmallCard :account="author" />
|
||||
<SmallCard :account="author"/>
|
||||
</HoverCardContent>
|
||||
</HoverCard>
|
||||
<Col
|
||||
:class="smallLayout && 'text-sm'">
|
||||
<Text class="font-semibold" v-render-emojis="author.emojis">{{
|
||||
<Column :class="smallLayout && 'text-sm'">
|
||||
<Text class="font-semibold" v-render-emojis="author.emojis">
|
||||
{{
|
||||
author.display_name
|
||||
}}</Text>
|
||||
}}
|
||||
</Text>
|
||||
<div class="-mt-1">
|
||||
<Address as="span" :username="username" :domain="instance" />
|
||||
<Address as="span" :username="username" :domain="instance"/>
|
||||
·
|
||||
<Text as="span" muted class="ml-auto tracking-normal" :title="fullTime">{{ timeAgo }}</Text>
|
||||
<Text
|
||||
as="span"
|
||||
muted
|
||||
class="ml-auto tracking-normal"
|
||||
:title="fullTime"
|
||||
>
|
||||
{{ timeAgo }}
|
||||
</Text>
|
||||
</div>
|
||||
</Col>
|
||||
</Column>
|
||||
<div v-if="!smallLayout">
|
||||
<NuxtLink :href="noteUrlAsPath" class="text-xs text-muted-foreground"
|
||||
:title="visibilities[visibility].text">
|
||||
<component :is="visibilities[visibility].icon" class="size-4" />
|
||||
<NuxtLink
|
||||
:href="noteUrlAsPath"
|
||||
class="text-xs text-muted-foreground"
|
||||
:title="visibilities[visibility].text"
|
||||
>
|
||||
<component :is="visibilities[visibility].icon" class="size-4"/>
|
||||
</NuxtLink>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -49,7 +74,7 @@ import { getLocale } from "~~/paraglide/runtime";
|
|||
import Address from "../profiles/address.vue";
|
||||
import Avatar from "../profiles/avatar.vue";
|
||||
import SmallCard from "../profiles/small-card.vue";
|
||||
import Col from "../typography/layout/col.vue";
|
||||
import Column from "../typography/layout/col.vue";
|
||||
import Text from "../typography/text.vue";
|
||||
import {
|
||||
HoverCard,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue