outman/dify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: adjust toast component layout and z-index for improved visibility

Browse Source
This commit is contained in:
twwu 2025-03-20 17:45:13 +08:00
parent 1b053ae0a9
commit 62eb0fb2d5
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/app/components/base/toast/index.tsx
View File

@ -51,7 +51,7 @@ const Toast = ({
'top-0', 'top-0',
'right-0', 'right-0',
)}> )}>
<div className={`absolute inset-0 opacity-40 ${ <div className={`absolute inset-0 -z-10 opacity-40 ${
(type === 'success' && 'bg-toast-success-bg') (type === 'success' && 'bg-toast-success-bg')
|| (type === 'warning' && 'bg-toast-warning-bg') || (type === 'warning' && 'bg-toast-warning-bg')
|| (type === 'error' && 'bg-toast-error-bg') || (type === 'error' && 'bg-toast-error-bg')
@ -66,7 +66,10 @@ const Toast = ({
{type === 'info' && <RiInformation2Fill className={`${size === 'md' ? 'h-5 w-5' : 'h-4 w-4'} text-text-accent`} aria-hidden="true" />} {type === 'info' && <RiInformation2Fill className={`${size === 'md' ? 'h-5 w-5' : 'h-4 w-4'} text-text-accent`} aria-hidden="true" />}
</div> </div>
<div className={`flex py-1 ${size === 'md' ? 'px-1' : 'px-0.5'} grow flex-col items-start gap-1`}> <div className={`flex py-1 ${size === 'md' ? 'px-1' : 'px-0.5'} grow flex-col items-start gap-1`}>
<div className='flex items-center gap-1'>
<div className='system-sm-semibold text-text-primary'>{message}</div> <div className='system-sm-semibold text-text-primary'>{message}</div>
{customComponent}
</div>
{children && <div className='system-xs-regular text-text-secondary'> {children && <div className='system-xs-regular text-text-secondary'>
{children} {children}
</div> </div>