diff --git a/components/calendar/CalendarEvent.vue b/components/calendar/CalendarEvent.vue index bf08ba4..0fa5535 100644 --- a/components/calendar/CalendarEvent.vue +++ b/components/calendar/CalendarEvent.vue @@ -60,7 +60,6 @@ function handleClosePopover() {
- + Sauvegarder
diff --git a/components/calendar/state/monthly/DayTile.vue b/components/calendar/state/monthly/DayTile.vue index 4d2be2f..48f3bca 100644 --- a/components/calendar/state/monthly/DayTile.vue +++ b/components/calendar/state/monthly/DayTile.vue @@ -107,9 +107,11 @@ const eventsNotDisplayed: ComputedRef = computed(() => eventsFo 'opacity-40': props.faded && !isSelectedDate }" > -
  • - -
  • + +
  • + +
  • +
  • @@ -159,4 +161,21 @@ const eventsNotDisplayed: ComputedRef = computed(() => eventsFo border-top-width: 1px; } } + +.event-enter-active { + transition: all 120ms ease-in-out; +} +.event-leave-active { + transition: all 180ms ease-in-out; +} +.event-enter-from, +.event-leave-to { + opacity: 0; +} +.event-enter-from { + transform: translateX(.15rem); +} +.event-leave-to { + transform: translateX(-.5rem); +}