style: center toast content

This commit is contained in:
esdrasrenan 2025-10-05 00:02:17 -03:00
parent fab1cbe476
commit 62eb37598e

View file

@ -11,7 +11,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
theme={theme as ToasterProps["theme"]} theme={theme as ToasterProps["theme"]}
className="toaster group" className="toaster group"
toastOptions={{ 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: { style: {
background: "#000", background: "#000",
color: "#fff", color: "#fff",
@ -28,23 +28,23 @@ const Toaster = ({ ...props }: ToasterProps) => {
secondary: "#000000", secondary: "#000000",
}, },
success: { 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" }, style: { background: "#000", color: "#fff", border: "1px solid #000" },
}, },
error: { 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" }, style: { background: "#000", color: "#fff", border: "1px solid #000" },
}, },
info: { 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" }, style: { background: "#000", color: "#fff", border: "1px solid #000" },
}, },
warning: { 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" }, style: { background: "#000", color: "#fff", border: "1px solid #000" },
}, },
loading: { 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" }, style: { background: "#000", color: "#fff", border: "1px solid #000" },
}, },
}} }}