From ded6a7f73d9ea57b5e771ce192c9ee36e6f98bba Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 14 Nov 2023 15:55:52 +0100
Subject: [PATCH] fix(Notification): prevent `gap` when no close button or
 action

---
 src/runtime/components/overlays/Notification.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/runtime/components/overlays/Notification.vue b/src/runtime/components/overlays/Notification.vue
index f80c32b5..5d510688 100644
--- a/src/runtime/components/overlays/Notification.vue
+++ b/src/runtime/components/overlays/Notification.vue
@@ -2,9 +2,9 @@
   <Transition appear v-bind="ui.transition">
     <div
       :class="wrapperClass"
-      role="status" 
+      role="status"
       v-bind="attrs"
-      @mouseover="onMouseover" 
+      @mouseover="onMouseover"
       @mouseleave="onMouseleave"
     >
       <div :class="[ui.container, ui.rounded, ui.ring]">
@@ -29,7 +29,7 @@
                 <UButton v-for="(action, index) of actions" :key="index" v-bind="{ ...ui.default.actionButton, ...action }" @click.stop="onAction(action)" />
               </div>
             </div>
-            <div class="flex-shrink-0 flex items-center gap-3">
+            <div v-if="closeButton || (!description && !$slots.description && actions.length)" class="flex-shrink-0 flex items-center gap-3">
               <div v-if="!description && !$slots.description && actions.length" class="flex items-center gap-2">
                 <UButton v-for="(action, index) of actions" :key="index" v-bind="{ ...ui.default.actionButton, ...action }" @click.stop="onAction(action)" />
               </div>