Dev/v1.1 (#2)

Co-authored-by: ISMAIL MASSERAN <topaz@ISMAILs-Macbook.local> Reviewed-on: #2
2026-07-02 10:09:08 +08:00
parent 2e2d94f0d6
commit 421775d3ff
41 changed files with 1210 additions and 971 deletions
@@ -11,6 +11,7 @@ import {
 interface Props {
  class?: string
  boxClass?: string
+  open?: boolean
 }

 const props = defineProps<Props>()
@@ -74,7 +75,9 @@ async function handleMarkAllAsRead(event: MouseEvent) {
  <div
    v-bind="$attrs"
    :class="[
-      'invisible opacity-0 scale-95 transition-all duration-200 delay-0 group-hover/notifications:visible group-hover/notifications:opacity-100 group-hover/notifications:scale-100 group-hover/notifications:delay-200',
+      'invisible opacity-0 scale-95 transition-all duration-200 delay-0',
+      'xl:group-hover/notifications:visible xl:group-hover/notifications:opacity-100 xl:group-hover/notifications:scale-100 xl:group-hover/notifications:delay-200',
+      props.open && 'max-xl:visible max-xl:opacity-100 max-xl:scale-100',
      props.class,
    ]"
  >