| | |
| | | return ( |
| | | <div |
| | | className={cn( |
| | | 'relative flex h-full w-[420px] flex-col rounded-l-2xl border border-components-panel-border bg-components-panel-bg-alt', |
| | | 'relative flex flex-col w-[420px] bg-components-panel-bg-alt rounded-l-2xl h-full border border-components-panel-border', |
| | | )} |
| | | > |
| | | <div className='system-xl-semibold flex shrink-0 items-center justify-between p-4 pb-0 text-text-primary'> |
| | | <div className='shrink-0 flex items-center justify-between p-4 pb-0 text-text-primary system-xl-semibold'> |
| | | {t('workflow.env.envPanelTitle')} |
| | | <div className='flex items-center'> |
| | | <div |
| | | className='flex h-6 w-6 cursor-pointer items-center justify-center' |
| | | className='flex items-center justify-center w-6 h-6 cursor-pointer' |
| | | onClick={() => setShowEnvPanel(false)} |
| | | > |
| | | <RiCloseLine className='h-4 w-4 text-text-tertiary' /> |
| | | <RiCloseLine className='w-4 h-4 text-text-tertiary' /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div className='system-sm-regular shrink-0 px-4 py-1 text-text-tertiary'>{t('workflow.env.envDescription')}</div> |
| | | <div className='shrink-0 px-4 pb-3 pt-2'> |
| | | <div className='shrink-0 py-1 px-4 system-sm-regular text-text-tertiary'>{t('workflow.env.envDescription')}</div> |
| | | <div className='shrink-0 px-4 pt-2 pb-3'> |
| | | <VariableTrigger |
| | | open={showVariableModal} |
| | | setOpen={setShowVariableModal} |
| | |
| | | onClose={() => setCurrentVar(undefined)} |
| | | /> |
| | | </div> |
| | | <div className='grow overflow-y-auto rounded-b-2xl px-4'> |
| | | <div className='grow px-4 rounded-b-2xl overflow-y-auto'> |
| | | {envList.map(env => ( |
| | | <EnvItem |
| | | key={env.id} |