| | |
| | | const { locale } = useContext(I18n) |
| | | // max-h-[300px] overflow-y-auto todo: use portal to handle long list |
| | | return ( |
| | | <div className='space-y-1 rounded-lg border border-components-panel-border bg-components-panel-bg p-1 shadow-lg' style={{ |
| | | <div className='p-1 bg-white rounded-lg border border-gray-200 shadow-lg space-y-1' style={{ |
| | | width: itemWidth || 228, |
| | | }}> |
| | | {((!vars || vars.length === 0) && popupFor) |
| | |
| | | ? ( |
| | | <ListEmpty |
| | | title={t('workflow.variableReference.noAvailableVars') || ''} |
| | | description={<div className='system-xs-regular text-text-tertiary'> |
| | | description={<div className='text-text-tertiary system-xs-regular'> |
| | | {t('workflow.variableReference.noVarsForOperation')} |
| | | </div>} |
| | | /> |
| | |
| | | : ( |
| | | <ListEmpty |
| | | title={t('workflow.variableReference.noAssignedVars') || ''} |
| | | description={<div className='system-xs-regular text-text-tertiary'> |
| | | description={<div className='text-text-tertiary system-xs-regular'> |
| | | {t('workflow.variableReference.assignedVarsDescription')} |
| | | <a target='_blank' rel='noopener noreferrer' |
| | | className='text-text-accent-secondary' |