refac: styling

This commit is contained in:
Timothy Jaeryang Baek 2025-12-09 19:45:13 -05:00
parent 103ff0c5e4
commit a4fe823893

View file

@ -435,6 +435,7 @@
</div>
</div>
{#if items !== null && total !== null}
{#if (items ?? []).length > 0}
{@const notes = groupNotes(items)}
@ -539,8 +540,12 @@
class="w-full -translate-y-0.5 flex flex-col justify-between"
>
<div class="flex-1">
<div class=" flex items-center gap-2 self-center mb-1 justify-between">
<div class=" font-semibold line-clamp-1 capitalize">{note.title}</div>
<div
class=" flex items-center gap-2 self-center mb-1 justify-between"
>
<div class=" font-semibold line-clamp-1 capitalize">
{note.title}
</div>
<div>
<NoteMenu
@ -599,7 +604,9 @@
<div class="shrink-0 text-gray-500">
{$i18n.t('By {{name}}', {
name: capitalizeFirstLetter(
note?.user?.name ?? note?.user?.email ?? $i18n.t('Deleted User')
note?.user?.name ??
note?.user?.email ??
$i18n.t('Deleted User')
)
})}
</div>
@ -644,10 +651,15 @@
</div>
</div>
{/if}
{:else}
<div class="w-full h-full flex justify-center items-center py-10">
<Spinner className="size-4" />
</div>
{/if}
</div>
{:else}
<div class="w-full h-full flex justify-center items-center">
<Spinner className="size-5" />
<Spinner className="size-4" />
</div>
{/if}
</div>