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: 💄 Improve note rendering UI

Browse source
This commit is contained in:
Jesse Wierzbinski 2025-02-09 18:37:41 +01:00
parent cb60ed1c72
commit 9d62c378b1
No known key found for this signature in database
5 changed files with 13 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/notes/actions.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="flex flex-row w-full items-stretch justify-around text-sm *:max-w-28 *:w-full *:text-muted-foreground">
<div class="flex flex-row w-full gap-x-6 items-stretch justify-start text-sm *:max-w-14 *:w-full *:text-muted-foreground">
<Button variant="ghost" @click="emit('reply')" :title="m.drab_tense_turtle_comfort()" :disabled="!identity">
<Reply class="size-5 text-primary" />
{{ numberFormat(replyCount) }}

2
components/notes/content.vue
View file

@ -19,7 +19,7 @@
$style.content,
]" v-html="content" v-render-emojis="emojis"></div>
<div v-if="isOverflowing && collapsed"
class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black/5 to-transparent rounded-b"></div>
class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black/5 to-transparent rounded-b-md"></div>
<Button v-if="isOverflowing" @click="collapsed = !collapsed"
class="absolute bottom-2 right-1/2 translate-x-1/2">{{
collapsed

2
components/notes/header.vue
View file

@ -36,7 +36,7 @@
<div class="flex flex-col gap-1 justify-center items-end" v-if="!smallLayout">
<NuxtLink :href="noteUrlAsPath" class="text-xs text-muted-foreground"
:title="visibilities[visibility].text">
<component :is="visibilities[visibility].icon" class="size-5" />
<component :is="visibilities[visibility].icon" class="size-4" />
</NuxtLink>
</div>
</div>