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