diff --git a/web/src/components/ui/toaster/Toaster.tsx b/web/src/components/ui/toaster/Toaster.tsx index a6528d16b..82a13f305 100644 --- a/web/src/components/ui/toaster/Toaster.tsx +++ b/web/src/components/ui/toaster/Toaster.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { useTheme } from 'next-themes'; import { Toaster as ToasterSonner } from 'sonner'; -import { CircleCheck, CircleXmark, CircleWarning } from '@/components/ui/icons/NucleoIconOutlined'; +import { CircleCheck, CircleXmark, CircleWarning } from '@/components/ui/icons/NucleoIconFilled'; type ToasterProps = React.ComponentProps; @@ -12,9 +12,10 @@ const Toaster = ({ ...props }: ToasterProps) => { return ( , error: , @@ -29,7 +30,8 @@ const Toaster = ({ ...props }: ToasterProps) => { 'group toast group-[.toaster]:bg-background! border !p-3 group-[.toaster]:text-foreground! group-[.toaster]:border-border! group-[.toaster]:shadow!', description: 'group-[.toast]:text-muted-foreground', actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground', - cancelButton: 'group-[.toast]:bg-border group-[.toast]:text-foreground' + cancelButton: 'group-[.toast]:bg-border group-[.toast]:text-foreground', + icon: 'mx-0! !flex !justify-center' } }} {...props} diff --git a/web/src/context/BusterNotifications/BusterNotifications.tsx b/web/src/context/BusterNotifications/BusterNotifications.tsx index d3b6e3c19..44b6f1d81 100644 --- a/web/src/context/BusterNotifications/BusterNotifications.tsx +++ b/web/src/context/BusterNotifications/BusterNotifications.tsx @@ -27,8 +27,7 @@ const openNotification = (props: NotificationProps) => { const toastOptions: ExternalToast = { ...props, - description: !hasTitle && message ? message : message, - position: 'top-center' + description: !hasTitle && message ? message : message }; switch (type) {