@fy-/fws-vue 2.3.9 → 2.3.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -238,7 +238,7 @@ onUnmounted(() => {
|
|
|
238
238
|
<div
|
|
239
239
|
v-if="currentNotif !== null"
|
|
240
240
|
id="base-notif"
|
|
241
|
-
class="fixed !text-xs md:!text-sm bottom-3 right-3 sm:right-8 z-[2000] max-w-xs w-[calc(100%-1.5rem)] sm:w-
|
|
241
|
+
class="fixed !text-xs md:!text-sm bottom-3 right-3 sm:right-8 z-[2000] max-w-xs w-[calc(100%-1.5rem)] sm:w-auto sm:max-w-sm rounded-lg border shadow-lg overflow-hidden backdrop-blur-sm transition-all duration-300 transform"
|
|
242
242
|
role="alert"
|
|
243
243
|
:aria-describedby="ariaDescribedBy"
|
|
244
244
|
:class="[bgColor, borderColor, textColor]"
|
|
@@ -256,9 +256,9 @@ onUnmounted(() => {
|
|
|
256
256
|
|
|
257
257
|
<div class="p-2 sm:p-3">
|
|
258
258
|
<!-- Header with icon and title -->
|
|
259
|
-
<div class="flex
|
|
260
|
-
<div class="flex
|
|
261
|
-
<div class="flex-shrink-0" :class="[iconColor]">
|
|
259
|
+
<div class="flex justify-between">
|
|
260
|
+
<div class="flex gap-2 sm:gap-3">
|
|
261
|
+
<div class="flex-shrink-0 mt-0.5" :class="[iconColor]">
|
|
262
262
|
<img
|
|
263
263
|
v-if="currentNotif.imgSrc"
|
|
264
264
|
class="w-5 h-5 sm:w-6 sm:h-6 rounded-full"
|
|
@@ -274,7 +274,7 @@ onUnmounted(() => {
|
|
|
274
274
|
</div>
|
|
275
275
|
<h3
|
|
276
276
|
:id="ariaDescribedBy"
|
|
277
|
-
class="text-sm sm:text-base font-semibold
|
|
277
|
+
class="text-sm sm:text-base font-semibold break-words flex-1"
|
|
278
278
|
v-text="currentNotif.title"
|
|
279
279
|
/>
|
|
280
280
|
</div>
|
|
@@ -282,7 +282,7 @@ onUnmounted(() => {
|
|
|
282
282
|
<!-- Close button -->
|
|
283
283
|
<button
|
|
284
284
|
type="button"
|
|
285
|
-
class="inline-flex rounded-md p-1 sm:p-1.5 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-50 dark:focus:ring-offset-gray-900"
|
|
285
|
+
class="inline-flex rounded-md p-1 sm:p-1.5 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-50 dark:focus:ring-offset-gray-900 ml-2 flex-shrink-0 self-start"
|
|
286
286
|
:class="iconColor"
|
|
287
287
|
aria-label="Close notification"
|
|
288
288
|
@click="hideNotif"
|
|
@@ -294,7 +294,7 @@ onUnmounted(() => {
|
|
|
294
294
|
<!-- Notification content -->
|
|
295
295
|
<div
|
|
296
296
|
v-if="currentNotif.content"
|
|
297
|
-
class="mt-1.5 sm:mt-2 text-xs sm:text-sm"
|
|
297
|
+
class="mt-1.5 sm:mt-2 text-xs sm:text-sm whitespace-normal break-words"
|
|
298
298
|
:class="textColor"
|
|
299
299
|
v-html="currentNotif.content"
|
|
300
300
|
/>
|