xiaoxue_admin
/
Folo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: toast close button was clipped and its focus style (#4609) 

* fix: toast close button was clipped and its focus style

* lint
This commit is contained in:
Konv Suu 2025-10-26 09:22:04 +08:00 committed by GitHub
parent 13bc195ff1
commit 85df73f99f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/internal/components/src/ui/toast/styles.ts
View File

@ -1,7 +1,7 @@
export const toastStyles = {
toast: tw`
group relative flex w-full items-center justify-between gap-3 rounded-2xl p-4
backdrop-blur-2xl duration-300 ease-out overflow-hidden
backdrop-blur-2xl duration-300 ease-out
max-w-md min-w-[320px]
font-theme
[&]:border [&]:border-solid
@ -67,7 +67,13 @@ export const toastStyles = {
bg-material-ultra-thick
transition-all duration-200
opacity-0 group-hover:opacity-100
focus:outline-none focus:ring-2 focus:ring-accent/50
focus:outline-none focus:ring-2
group-data-[type=default]:focus:ring-[rgba(255,92,0,0.5)]
group-data-[type=success]:focus:ring-[rgba(40,205,65,0.5)]
group-data-[type=error]:focus:ring-[rgba(255,69,58,0.5)]
group-data-[type=warning]:focus:ring-[rgba(255,149,0,0.5)]
group-data-[type=info]:focus:ring-[rgba(0,122,255,0.5)]
group-data-[type=loading]:focus:ring-[rgba(142,142,147,0.5)]
focus:opacity-100
`,
}