Render empty notes nicer

This commit is contained in:
Joscha 2025-02-07 21:07:47 +01:00
parent aab2a502ab
commit 903d137cda

View file

@ -90,7 +90,7 @@ function onCreatorFinish(text: string) {
<template>
<div class="relative flex flex-col">
<div
class="flex flex-row gap-1 pl-1"
class="flex min-h-6 flex-row gap-1 pl-1"
:class="focused ? ['bg-neutral-200'] : ['hover:bg-neutral-100']"
@click="onClick"
>
@ -113,7 +113,8 @@ function onCreatorFinish(text: string) {
</div>
<!-- Text -->
<div v-if="note">{{ note.text }}</div>
<div v-if="note && note.text.trim().length > 0">{{ note.text }}</div>
<div v-else-if="note" class="font-light italic">empty</div>
<div v-else class="font-light italic">note not found</div>
</div>