Fix #310 - Toast shadow not visible (#340)

* fix toast shadows
themesberg · Jan 21, 2025 · c36ee21 · c36ee21
1 parent 224ee6e
commit c36ee21
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/FwbToast/composables/useToastClasses.ts b/src/components/FwbToast/composables/useToastClasses.ts
@@ -1,6 +1,6 @@
 import { computed, type Ref } from 'vue'
 import type { ToastAlign, ToastType } from '../types'
-import { simplifyTailwindClasses } from '@/utils/simplifyTailwindClasses'
+import { useMergeClasses } from '@/composables/useMergeClasses'
 
 type UseToastClassesReturns = {
   typeClasses: Ref<string>
@@ -36,15 +36,15 @@ export function useToastClasses (props: UseToastClassesProps): UseToastClassesRe
   const wrapperClasses = computed(() => {
     const alignmentClass = wrapperAlignmentClasses[props.alignment.value]
     if (props.divide.value) {
-      return simplifyTailwindClasses(defaultWrapperClasses, 'dark:divide-gray-700 divide-x divide-gray-200', alignmentClass)
+      return useMergeClasses([defaultWrapperClasses, 'dark:divide-gray-700 divide-x divide-gray-200', alignmentClass])
     }
 
-    return simplifyTailwindClasses(defaultWrapperClasses, alignmentClass)
+    return useMergeClasses([defaultWrapperClasses, alignmentClass])
   })
 
   const contentClasses = computed(() => {
     if (props.type.value !== 'empty' && props.divide.value) {
-      return simplifyTailwindClasses(defaultContentClasses, 'pl-3')
+      return useMergeClasses([defaultContentClasses, 'pl-3'])
     }
 
     return defaultContentClasses