| | |
| | | return null |
| | | |
| | | return ( |
| | | <div className='absolute bottom-16 left-1/2 z-[9] flex h-10 -translate-x-1/2 items-center rounded-xl border border-components-panel-border bg-components-panel-bg-blur p-2 shadow-md'> |
| | | <div className='absolute bottom-16 left-1/2 -translate-x-1/2 flex items-center rounded-xl p-2 h-10 border border-components-panel-border bg-components-panel-bg-blur shadow-md z-[9]'> |
| | | <div |
| | | className='absolute inset-0 rounded-xl opacity-[0.4]' |
| | | className='absolute inset-0 opacity-[0.4] rounded-xl' |
| | | style={{ |
| | | background: 'linear-gradient(92deg, rgba(247, 144, 9, 0.25) 0%, rgba(255, 255, 255, 0.00) 100%)', |
| | | }} |
| | | ></div> |
| | | <div className='flex h-5 w-5 items-center justify-center'> |
| | | <RiAlertFill className='h-4 w-4 text-text-warning-secondary' /> |
| | | <div className='flex items-center justify-center w-5 h-5'> |
| | | <RiAlertFill className='w-4 h-4 text-text-warning-secondary' /> |
| | | </div> |
| | | <div className='system-xs-medium mx-1 px-1 text-text-primary'> |
| | | <div className='mx-1 px-1 system-xs-medium text-text-primary'> |
| | | {showTips} |
| | | </div> |
| | | <ActionButton |
| | | className='z-[1]' |
| | | onClick={() => setShowTips('')} |
| | | > |
| | | <RiCloseLine className='h-4 w-4' /> |
| | | <RiCloseLine className='w-4 h-4' /> |
| | | </ActionButton> |
| | | </div> |
| | | ) |