Added tooltips to facilitate navigation

2024-04-03 17:42:46 +02:00
parent 015509abf8
commit d62cd1dea1
9 changed files with 182 additions and 41 deletions
--- a/src/components/calendar/CalendarTile.vue
+++ b/src/components/calendar/CalendarTile.vue
@@ -40,8 +40,11 @@ const isDefaultDate = computed(() => {
        >{{ date.day }}</span
      >
    </div>
-    <ul v-if="eventsForTheDay.length > 0" class="absolute top-12 bottom-0 inset-x-2 grid gap-1">
-      <li v-for="event in eventsForTheDay" :key="event.title">
+    <ul
+      v-if="eventsForTheDay.length > 0"
+      class="absolute top-12 bottom-2 inset-x-2 grid auto-rows-min gap-1"
+    >
+      <li v-for="event in eventsForTheDay" :key="event.title" class="grid">
        <CalendarEvent :event />
      </li>
    </ul>