Improves task display and spacing

Refines the presentation of scheduled events by adjusting spacing and text displayed when there are no tasks. This enhances visual clarity and provides a more user-friendly experience.
This commit is contained in:
padreug 2025-10-31 21:04:22 +01:00
parent 2620c07a23
commit 1a38c92db1

View file

@ -467,7 +467,7 @@ function cancelDelete() {
<!-- Posts List - Natural flow without internal scrolling -->
<div v-else>
<!-- Scheduled Events Section with Date Navigation -->
<div v-if="scheduledEventsForDate.length > 0 || !isToday" class="mb-6 md:mb-8">
<div class="my-2 md:my-4">
<div class="flex items-center justify-between px-4 md:px-0 mb-3">
<!-- Left Arrow -->
<Button
@ -518,8 +518,8 @@ function cancelDelete() {
@toggle-complete="onToggleComplete"
/>
</div>
<div v-else class="text-center py-8 text-muted-foreground text-sm px-4">
No events scheduled for this day
<div v-else class="text-center py-3 text-muted-foreground text-sm px-4">
{{ isToday ? 'no tasks today' : 'no tasks for this day' }}
</div>
</div>