Skip to content

Commit

Permalink
fix(Notification): prevent gap when no close button or action
Browse files Browse the repository at this point in the history
  • Loading branch information
benjamincanac committed Nov 14, 2023
1 parent 9a1a1b8 commit ded6a7f
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions src/runtime/components/overlays/Notification.vue
Original file line number Diff line number Diff line change
Expand Up @@ -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]">
Expand All @@ -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>
Expand Down

1 comment on commit ded6a7f

@vercel
Copy link

@vercel vercel bot commented on ded6a7f Nov 14, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

ui – ./

ui-git-dev-nuxt-js.vercel.app
ui-nuxt-js.vercel.app
ui.nuxt.com

Please sign in to comment.