style: center toast content
This commit is contained in:
parent
fab1cbe476
commit
62eb37598e
1 changed files with 6 additions and 6 deletions
|
|
@ -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" },
|
||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue