From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001 From: wwf <yearningwang@iqtogether.com> Date: 星期三, 04 六月 2025 15:17:49 +0800 Subject: [PATCH] 初始化 --- app/components/datasets/external-knowledge-base/create/ExternalApiSelect.tsx | 36 ++++++++++++++++++------------------ 1 files changed, 18 insertions(+), 18 deletions(-) diff --git a/app/components/datasets/external-knowledge-base/create/ExternalApiSelect.tsx b/app/components/datasets/external-knowledge-base/create/ExternalApiSelect.tsx index d459061..a6a4647 100644 --- a/app/components/datasets/external-knowledge-base/create/ExternalApiSelect.tsx +++ b/app/components/datasets/external-knowledge-base/create/ExternalApiSelect.tsx @@ -59,46 +59,46 @@ return ( <div className="relative w-full"> <div - className={`flex cursor-pointer items-center justify-between gap-0.5 self-stretch rounded-lg bg-components-input-bg-normal px-2 - py-1 hover:bg-state-base-hover-alt ${isOpen && 'bg-state-base-hover-alt'}`} + className={`flex items-center justify-between cursor-pointer px-2 py-1 gap-0.5 self-stretch rounded-lg + bg-components-input-bg-normal hover:bg-state-base-hover-alt ${isOpen && 'bg-state-base-hover-alt'}`} onClick={() => setIsOpen(!isOpen)} > {selectedItem ? ( - <div className="flex items-center gap-2 self-stretch rounded-lg p-1"> - <ApiConnectionMod className='h-4 w-4 text-text-secondary' /> - <div className='flex grow items-center'> - <span className='system-sm-regular overflow-hidden text-ellipsis text-components-input-text-filled'>{selectedItem.name}</span> + <div className="flex p-1 items-center gap-2 self-stretch rounded-lg"> + <ApiConnectionMod className='text-text-secondary w-4 h-4' /> + <div className='flex items-center flex-grow'> + <span className='text-components-input-text-filled text-ellipsis system-sm-regular overflow-hidden'>{selectedItem.name}</span> </div> </div> ) : ( - <span className='system-sm-regular text-components-input-text-placeholder'>{t('dataset.selectExternalKnowledgeAPI.placeholder')}</span> + <span className='text-components-input-text-placeholder system-sm-regular'>{t('dataset.selectExternalKnowledgeAPI.placeholder')}</span> )} - <RiArrowDownSLine className={`h-4 w-4 text-text-quaternary transition-transform ${isOpen ? 'text-text-secondary' : ''}`} /> + <RiArrowDownSLine className={`w-4 h-4 text-text-quaternary transition-transform ${isOpen ? 'text-text-secondary' : ''}`} /> </div> {isOpen && ( - <div className="absolute z-10 mt-1 w-full rounded-xl border bg-components-panel-bg-blur shadow-lg"> + <div className="absolute z-10 w-full mt-1 bg-components-panel-bg-blur border rounded-xl shadow-lg"> {items.map(item => ( <div key={item.value} - className="flex cursor-pointer items-center p-1" + className="flex p-1 items-center cursor-pointer" onClick={() => handleSelect(item)} > - <div className="flex w-full items-center gap-2 self-stretch rounded-lg p-2 hover:bg-state-base-hover"> - <ApiConnectionMod className='h-4 w-4 text-text-secondary' /> - <span className='system-sm-medium grow overflow-hidden text-ellipsis text-text-secondary'>{item.name}</span> - <span className='system-xs-regular overflow-hidden text-ellipsis text-right text-text-tertiary'>{item.url}</span> + <div className="flex p-2 items-center gap-2 self-stretch rounded-lg hover:bg-state-base-hover w-full"> + <ApiConnectionMod className='text-text-secondary w-4 h-4' /> + <span className='text-text-secondary text-ellipsis system-sm-medium overflow-hidden flex-grow'>{item.name}</span> + <span className='text-text-tertiary overflow-hidden text-right text-ellipsis system-xs-regular'>{item.url}</span> </div> </div> ))} - <div className='flex flex-col items-start self-stretch p-1'> + <div className='flex p-1 flex-col items-start self-stretch'> <div - className='flex cursor-pointer items-center gap-2 self-stretch rounded-lg p-2 hover:bg-state-base-hover' + className='flex p-2 items-center gap-2 self-stretch rounded-lg cursor-pointer hover:bg-state-base-hover' onClick={handleAddNewAPI} > - <RiAddLine className='h-4 w-4 text-text-secondary' /> - <span className='system-sm-medium grow overflow-hidden text-ellipsis text-text-secondary'>{t('dataset.createNewExternalAPI')}</span> + <RiAddLine className='text-text-secondary w-4 h-4' /> + <span className='flex-grow overflow-hidden text-text-secondary text-ellipsis system-sm-medium'>{t('dataset.createNewExternalAPI')}</span> </div> </div> </div> -- Gitblit v1.8.0