From 6d3309c42d76cb5ccdbcb492e1235d377ce49808 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 23 May 2023 11:25:56 +0200
Subject: [PATCH] chore(Notification): move padding to `app.config`

---
 src/runtime/app.config.ts                        | 1 +
 src/runtime/components/overlays/Notification.vue | 8 ++------
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/runtime/app.config.ts b/src/runtime/app.config.ts
index 7e143da2..7af79017 100644
--- a/src/runtime/app.config.ts
+++ b/src/runtime/app.config.ts
@@ -696,6 +696,7 @@ const notification = {
   background: 'bg-white dark:bg-gray-900',
   shadow: 'shadow-lg',
   rounded: 'rounded-lg',
+  padding: 'p-4',
   ring: 'ring-1 ring-gray-200 dark:ring-gray-800',
   icon: 'flex-shrink-0 w-5 h-5 text-gray-900 dark:text-white',
   avatar: 'flex-shrink-0 pt-0.5',
diff --git a/src/runtime/components/overlays/Notification.vue b/src/runtime/components/overlays/Notification.vue
index 27c94ec9..4b36f1f9 100644
--- a/src/runtime/components/overlays/Notification.vue
+++ b/src/runtime/components/overlays/Notification.vue
@@ -1,12 +1,8 @@
 <template>
   <transition appear v-bind="ui.transition">
-    <div
-      :class="[ui.wrapper, ui.background, ui.rounded, ui.shadow]"
-      @mouseover="onMouseover"
-      @mouseleave="onMouseleave"
-    >
+    <div :class="[ui.wrapper, ui.background, ui.rounded, ui.shadow]" @mouseover="onMouseover" @mouseleave="onMouseleave">
       <div :class="[ui.container, ui.rounded, ui.ring]">
-        <div class="p-4">
+        <div :class="ui.padding">
           <div class="flex gap-3" :class="{ 'items-start': description, 'items-center': !description }">
             <UIcon v-if="icon" :name="icon" :class="ui.icon" />
             <UAvatar v-if="avatar" v-bind="avatar" :class="ui.avatar" />