esdras/sistema-de-chamados
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: shrink toast width

Browse source
This commit is contained in:
esdrasrenan 2025-10-05 00:03:16 -03:00
parent 62eb37598e
commit cc7fa83622
1 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
web/src/components/ui/sonner.tsx
View file

@ -11,7 +11,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
theme={theme as ToasterProps["theme"]}
className="toaster group"
toastOptions={{
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",
className: "inline-flex w-auto min-w-0 items-center justify-center gap-2 self-center rounded-xl border border-black bg-black px-3 py-2 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 justify-center gap-2 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg",
className: "inline-flex w-auto min-w-0 items-center justify-center gap-2 self-center rounded-xl border border-black bg-black px-3 py-2 text-sm font-medium text-white shadow-lg",
style: { background: "#000", color: "#fff", border: "1px solid #000" },
},
error: {
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",
className: "inline-flex w-auto min-w-0 items-center justify-center gap-2 self-center rounded-xl border border-black bg-black px-3 py-2 text-sm font-medium text-white shadow-lg",
style: { background: "#000", color: "#fff", border: "1px solid #000" },
},
info: {
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",
className: "inline-flex w-auto min-w-0 items-center justify-center gap-2 self-center rounded-xl border border-black bg-black px-3 py-2 text-sm font-medium text-white shadow-lg",
style: { background: "#000", color: "#fff", border: "1px solid #000" },
},
warning: {
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",
className: "inline-flex w-auto min-w-0 items-center justify-center gap-2 self-center rounded-xl border border-black bg-black px-3 py-2 text-sm font-medium text-white shadow-lg",
style: { background: "#000", color: "#fff", border: "1px solid #000" },
},
loading: {
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",
className: "inline-flex w-auto min-w-0 items-center justify-center gap-2 self-center rounded-xl border border-black bg-black px-3 py-2 text-sm font-medium text-white shadow-lg",
style: { background: "#000", color: "#fff", border: "1px solid #000" },
},
}}