archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

chore: toast styles improved

Browse Source
This commit is contained in:
Junior Garcia 2025-02-16 11:41:08 -03:00
parent bc0112f3b4
commit 7c41e278eb
2 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/stale-lobsters-destroy.md Normal file
View File

@ -0,0 +1,5 @@
---
"@heroui/theme": patch
---
Toast styles improved

22
packages/core/theme/src/components/toast.ts
View File

@ -41,13 +41,13 @@ const toast = tv({
"outline-none", "outline-none",
"p-3 sm:mx-1", "p-3 sm:mx-1",
"my-1", "my-1",
"w-full sm:w-[270px] md:w-[300px]", "w-full sm:w-[356px]",
"min-h-4", "min-h-4",
], ],
title: ["font-medium", "text-small", "me-4", "text-foreground"], title: ["text-small", "me-4", "text-foreground"],
description: ["text-small", "me-4", "text-default-600"], description: ["text-small", "me-4", "text-default-500"],
icon: ["w-6 h-6 fill-current"], icon: ["w-6 h-6 flex-none fill-current"],
loadingIcon: ["w-6 h-6 fill-current"], loadingIcon: ["w-6 h-6 flex-none fill-current"],
content: ["flex flex-grow flex-row gap-x-4 items-center relative"], content: ["flex flex-grow flex-row gap-x-4 items-center relative"],
progressTrack: ["absolute top-0 inset-0 bg-transparent overflow-hidden"], progressTrack: ["absolute top-0 inset-0 bg-transparent overflow-hidden"],
progressIndicator: ["h-full bg-default-400 opacity-20"], progressIndicator: ["h-full bg-default-400 opacity-20"],
@ -72,17 +72,9 @@ const toast = tv({
sm: { sm: {
icon: "w-5 h-5", icon: "w-5 h-5",
loadingIcon: "w-5 h-5", loadingIcon: "w-5 h-5",
title: "text-sm font-medium",
description: "text-xs",
},
md: {
title: "text-sm font-semibold",
description: "text-xs",
},
lg: {
title: "text-md font-semibold",
description: "text-sm",
}, },
md: {},
lg: {},
}, },
variant: { variant: {
flat: "bg-content1 border border-default-100", flat: "bg-content1 border border-default-100",