adminforth 2.4.0-next.265 → 2.4.0-next.267
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.
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<teleport to="body" v-if="showTooltip">
|
|
6
6
|
<div
|
|
7
7
|
role="tooltip"
|
|
8
|
-
class="absolute z-
|
|
8
|
+
class="absolute z-[100] invisible inline-block px-3 py-2 text-sm font-medium text-lightTooltipText dark:darkTooltipText transition-opacity duration-300 bg-lightTooltipBackground rounded-lg shadow-sm opacity-0 tooltip dark:bg-darkTooltipBackground"
|
|
9
9
|
ref="tooltip"
|
|
10
10
|
>
|
|
11
11
|
<slot name="tooltip"></slot>
|
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
<div class="afcl-toast flex items-center w-full rounded-lg shadow-lg dark:text-darkToastText dark:bg-darkToastBackground bg-lightToastBackground text-lightToastText"
|
|
4
|
+
<div class="afcl-toast flex items-center w-full p-4 rounded-lg shadow-lg dark:text-darkToastText dark:bg-darkToastBackground bg-lightToastBackground text-lightToastText border-r-4"
|
|
5
|
+
:class="toast.variant == 'info' ? 'border-lightPrimary dark:border-darkPrimary' : toast.variant == 'danger' ? 'border-red-500 dark:border-red-800' : toast.variant == 'warning' ? 'border-orange-500 dark:border-orange-700' : 'border-green-500 dark:border-green-800'"
|
|
5
6
|
role="alert"
|
|
6
7
|
>
|
|
7
|
-
<div v-if="toast.variant == 'info'" class="
|
|
8
|
+
<div v-if="toast.variant == 'info'" class=" inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-lightPrimary dark:text-darkPrimary bg-lightPrimaryOpacity rounded-lg dark:bg-darkPrimary dark:!text-blue-100">
|
|
8
9
|
<IconInfoCircleSolid class="w-5 h-5" aria-hidden="true" />
|
|
9
10
|
</div>
|
|
10
|
-
<div v-else-if="toast.variant == 'danger'" class="
|
|
11
|
+
<div v-else-if="toast.variant == 'danger'" class="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-red-500 bg-red-100 rounded-lg dark:bg-red-800 dark:text-red-200">
|
|
11
12
|
<IconCloseCircleSolid class="w-5 h-5" aria-hidden="true" />
|
|
12
13
|
</div>
|
|
13
|
-
<div v-else-if="toast.variant == 'warning'"class="
|
|
14
|
+
<div v-else-if="toast.variant == 'warning'"class="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-orange-500 bg-orange-100 rounded-lg dark:bg-orange-700 dark:text-orange-200">
|
|
14
15
|
<IconExclamationCircleSolid class="w-5 h-5" aria-hidden="true" />
|
|
15
16
|
|
|
16
17
|
</div>
|
|
17
|
-
<div v-else class="
|
|
18
|
+
<div v-else class="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-green-500 bg-green-100 rounded-lg dark:bg-green-800 dark:text-green-200">
|
|
18
19
|
<IconCheckCircleSolid class="w-5 h-5" aria-hidden="true" />
|
|
19
20
|
</div>
|
|
20
21
|
|
|
@@ -36,7 +37,7 @@
|
|
|
36
37
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
|
|
37
38
|
</svg>
|
|
38
39
|
</button>
|
|
39
|
-
<div class="h-full ml-3 w-1 rounded-r-lg" :class="toast.variant == 'info' ? 'bg-lightPrimary dark:bg-darkPrimary' : toast.variant == 'danger' ? 'bg-red-500 dark:bg-red-800' : toast.variant == 'warning' ? 'bg-orange-500 dark:bg-orange-700' : 'bg-green-500 dark:bg-green-800'"></div>
|
|
40
|
+
<!-- <div class="h-full ml-3 w-1 rounded-r-lg" :class="toast.variant == 'info' ? 'bg-lightPrimary dark:bg-darkPrimary' : toast.variant == 'danger' ? 'bg-red-500 dark:bg-red-800' : toast.variant == 'warning' ? 'bg-orange-500 dark:bg-orange-700' : 'bg-green-500 dark:bg-green-800'"></div> -->
|
|
40
41
|
</div>
|
|
41
42
|
|
|
42
43
|
|