Accessible event button styles

2025-03-14 16:47:43 +01:00
parent 9034406a45
commit f94c688baa
3 changed files with 42 additions and 42 deletions
--- a/components/calendar/CalendarEvent.vue
+++ b/components/calendar/CalendarEvent.vue
@@ -55,7 +55,7 @@ onMounted(() => {
  <UiPopover v-model:open="isPopoverDetailsOpen">
    <UiPopoverTrigger as-child>
      <button
-        class="event text-xs px-2 py-1 block w-full text-left rounded-sm focus-visible:bg-red-200 transition-colors"
+        class="event text-xs px-2 py-1 block w-full text-left rounded-sm transition-colors outline-offset-1"
        :class="
          cn(
            event.category ? `event-${event.category.color}` : '',