p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: improve visibility of toast border

Browse Source
This commit is contained in:
p-sw 2024-05-29 20:55:32 +09:00
parent 6c25ae1d7b
commit 776429b6a9
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/react/components/Toast.tsx
View File

@ -16,15 +16,15 @@ const toastColors = {
background: "bg-white dark:bg-black", background: "bg-white dark:bg-black",
borders: { borders: {
default: "border-black/10 dark:border-white/20", default: "border-black/10 dark:border-white/20",
error: "border-red-500/50", error: "border-red-500/80",
success: "border-green-500/50", success: "border-green-500/80",
warning: "border-yellow-500/50", warning: "border-yellow-500/80",
loading: "border-black/50 dark:border-white/50 animate-pulse", loading: "border-black/50 dark:border-white/50 animate-pulse",
}, },
}; };
const [toastVariant] = vcn({ const [toastVariant] = vcn({
base: `flex flex-col gap-2 border p-4 rounded-lg pr-8 pointer-events-auto ${toastColors.background} relative transition-all duration-150`, base: `flex flex-col gap-2 border-2 p-4 rounded-lg pr-8 pointer-events-auto ${toastColors.background} relative transition-all duration-150`,
variants: { variants: {
status: { status: {
default: toastColors.borders.default, default: toastColors.borders.default,