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

fix: 🐛 Layout fixes, make CW composing work

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-05-12 17:19:53 -10:00
parent a41aa3b91d
commit f90a43909b
No known key found for this signature in database
6 changed files with 17 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,7 +1,7 @@
<template>
<div v-if="small" class="flex flex-row">
<NuxtLink :href="accountUrl" class="shrink-0">
<AvatarsCentered :url="note?.account.avatar" :alt="`${note?.account.acct}'s avatar`"
<AvatarsCentered :src="note?.account.avatar" :alt="`${note?.account.acct}'s avatar`"
class="size-6 rounded ring-1 ring-white/5" />
</NuxtLink>
<div class="flex flex-col items-start justify-around ml-4 grow overflow-hidden">
@ -22,7 +22,7 @@
</div>
<div v-else class="flex flex-row">
<NuxtLink :href="accountUrl" class="shrink-0">
<AvatarsCentered :url="note?.account.avatar" :alt="`${note?.account.acct}'s avatar`"
<AvatarsCentered :src="note?.account.avatar" :alt="`${note?.account.acct}'s avatar`"
class="h-12 w-12 rounded ring-1 ring-white/5" />
</NuxtLink>
<div class="flex flex-col items-start justify-around ml-4 grow overflow-hidden">

13
components/social-elements/notes/reply-header.vue
View file

@ -1,14 +1,11 @@
<template>
<NuxtLink :href="`/@${account?.acct}`"
class="mb-4 flex flex-row gap-2 items-center text-gray-300 opacity-70 line-clamp-1">
<NuxtLink :href="`/@${account?.acct}`" class="mb-4 flex flex-row gap-2 items-center text-gray-300 opacity-70">
<Skeleton :enabled="!account" shape="rect" class="!h-6" :min-width="40" :max-width="100" width-unit="%">
<iconify-icon icon="tabler:arrow-back-up" width="1.5rem" height="1.5rem" aria-hidden="true" />
<span class="flex flex-row items-center gap-2 overflow-hidden flex-wrap break-all">
Replying to
<AvatarsCentered v-if="account?.avatar" :url="account?.avatar" :alt="`${account?.acct}'s avatar'`"
class="size-5 rounded inline-flex shrink-0 ring-1 ring-white/10" />
<strong class="line-clamp-1">{{ account?.display_name || account?.acct }}</strong>
</span>
<span class="shrink-0">Replying to</span>
<AvatarsCentered v-if="account?.avatar" :src="account?.avatar" :alt="`${account?.acct}'s avatar'`"
class="size-5 shrink-0 rounded ring-1 ring-white/10" />
<strong class="line-clamp-1">{{ account?.display_name || account?.acct }}</strong>
</Skeleton>
</NuxtLink>
</template>

4
components/social-elements/users/Account.vue
View file

@ -1,11 +1,11 @@
<template>
<ClientOnly>
<div class="w-full ring-1 ring-inset ring-white/5 pb-10">
<AvatarsCentered :url="account?.header" :alt="`${account?.acct}'s header image'`"
<AvatarsCentered :src="account?.header" :alt="`${account?.acct}'s header image'`"
class="w-full aspect-[8/3] border-b border-white/10 bg-dark-700" />
<div class="flex items-start justify-between px-4 py-3">
<AvatarsCentered :url="account?.avatar" :alt="`${account?.acct}'s avatar'`"
<AvatarsCentered :src="account?.avatar" :alt="`${account?.acct}'s avatar'`"
class="h-32 w-32 -mt-[4.5rem] z-10 shrink-0 rounded ring-2 ring-dark-800" />
<ClientOnly>