feat: improve event description display in CalendarEventDetails component

This commit is contained in:
Shariq Ansari 2025-08-06 17:40:58 +05:30
parent f9f1c2a437
commit 1cc972ea8b

View File

@ -50,19 +50,19 @@
<div class="text-ink-gray-6 text-p-base">{{ formattedDateTime }}</div> <div class="text-ink-gray-6 text-p-base">{{ formattedDateTime }}</div>
</div> </div>
</div> </div>
<div class="mx-4.5 my-2.5 border-t border-outline-gray-1" /> <div
<div> v-if="event.description && event.description !== '<p></p>'"
<div class="flex gap-2 items-center text-ink-gray-7 px-4.5 py-2"> class="mx-4.5 my-2.5 border-t border-outline-gray-1"
/>
<div v-if="event.description && event.description !== '<p></p>'">
<div class="flex gap-2 items-center text-ink-gray-7 px-4.5 py-1">
<DescriptionIcon class="size-4" /> <DescriptionIcon class="size-4" />
{{ __('Description') }} {{ __('Description') }}
</div> </div>
<div class="px-4.5 py-2 text-ink-gray-7 text-p-base"> <div
<div class="px-4.5 py-2 text-ink-gray-7 text-p-base"
v-if="event.description && event.description !== '<p></p>'" v-html="event.description"
v-html="event.description" />
/>
<div class="text-ink-gray-5" v-else>{{ __('(No description)') }}</div>
</div>
</div> </div>
</div> </div>
</div> </div>