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

refactor: ♻️ Fix more broken UIs, rewrite account switcher

Browse source
This commit is contained in:
Jesse Wierzbinski 2025-04-10 18:44:53 +02:00
parent ac0a571ecc
commit a4d42e3086
No known key found for this signature in database
31 changed files with 167 additions and 176 deletions
Download patch file Download diff file Expand all files Collapse all files

5
components/profiles/avatar.vue
View file

@ -1,5 +1,5 @@
<template>
<Avatar :class="shape.value === 'square' && 'rounded-md'" :size="size">
<Avatar :class="shape.value === 'square' && 'rounded-md'">
<AvatarFallback v-if="name">
{{ getInitials(name) }}
</AvatarFallback>
@ -11,10 +11,9 @@
import { SettingIds } from "~/settings";
import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar";
const { name, size = "base" } = defineProps<{
const { name } = defineProps<{
src?: string;
name?: string;
size?: "base" | "sm" | "lg";
}>();
/**

10
components/profiles/tiny-card.vue
View file

@ -1,16 +1,16 @@
<template>
<Card
class="flex-row gap-4 p-2"
class="flex-row gap-2 p-2 truncate items-center"
:class="naked ? 'p-0 bg-transparent ring-0 border-none' : ''"
>
<Avatar :src="account.avatar" :name="account.display_name" size="sm" />
<CardContent class="gap-1">
<Avatar :src="account.avatar" :name="account.display_name" class="size-10" />
<CardContent class="leading-tight">
<span
class="truncate font-semibold"
class="font-semibold"
v-render-emojis="account.emojis"
>{{ account.display_name }}</span
>
<span class="truncate text-xs">
<span class="text-xs">
@{{ account.username }}@{{ domain }}
</span>
</CardContent>