Moved event and colored element logic to css variables

2025-04-16 19:52:19 +02:00
parent 3e973dd0e9
commit 687b96cf12
8 changed files with 408 additions and 117 deletions
--- a/components/calendar/event/Details.vue
+++ b/components/calendar/event/Details.vue
@@ -62,17 +62,14 @@ function deployDeleteModal() {

 <template>
  <UiPopoverContent
-    class="w-96"
+    class="w-96 event-popover"
    :align="'center'"
    :align-offset="50"
    :side="'left'"
    :collision-padding="60"
    :hide-when-detached="true"
    :class="cn(
-      event.category ? `event-details-${event.category.color}` : '',
-      {
-        'event-details': event.category
-      }
+      event.category ? `element-${event.category.color}` : '',
    )"
    @focus-outside.prevent
  >