From 62eb37598effc8c27574ac71e9f732ec7ea92309 Mon Sep 17 00:00:00 2001 From: esdrasrenan Date: Sun, 5 Oct 2025 00:02:17 -0300 Subject: [PATCH] style: center toast content --- web/src/components/ui/sonner.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/web/src/components/ui/sonner.tsx b/web/src/components/ui/sonner.tsx index d4bdd8b..ec91beb 100644 --- a/web/src/components/ui/sonner.tsx +++ b/web/src/components/ui/sonner.tsx @@ -11,7 +11,7 @@ const Toaster = ({ ...props }: ToasterProps) => { theme={theme as ToasterProps["theme"]} className="toaster group" toastOptions={{ - className: "flex items-center gap-3 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg", + className: "flex items-center justify-center gap-2 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg", style: { background: "#000", color: "#fff", @@ -28,23 +28,23 @@ const Toaster = ({ ...props }: ToasterProps) => { secondary: "#000000", }, success: { - className: "flex items-center gap-3 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg", + className: "flex items-center justify-center gap-2 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg", style: { background: "#000", color: "#fff", border: "1px solid #000" }, }, error: { - className: "flex items-center gap-3 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg", + className: "flex items-center justify-center gap-2 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg", style: { background: "#000", color: "#fff", border: "1px solid #000" }, }, info: { - className: "flex items-center gap-3 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg", + className: "flex items-center justify-center gap-2 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg", style: { background: "#000", color: "#fff", border: "1px solid #000" }, }, warning: { - className: "flex items-center gap-3 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg", + className: "flex items-center justify-center gap-2 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg", style: { background: "#000", color: "#fff", border: "1px solid #000" }, }, loading: { - className: "flex items-center gap-3 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg", + className: "flex items-center justify-center gap-2 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg", style: { background: "#000", color: "#fff", border: "1px solid #000" }, }, }}