chore(Notification): move padding to app.config

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',

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" />