youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-06 10:28:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(sandbox-provider): fix config modal header spacing and icon style

Browse Source 
- Use custom header with 8px gap between title and subtitle
- Fix icon overflow-clip for proper border-radius
This commit is contained in:
yyh
2026-01-13 11:12:51 +08:00
parent 49f115dce3
commit 21f47fbe58
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/app/components/header/account-setting/sandbox-provider-page/config-modal.tsx
View File

@ -112,14 +112,18 @@ const ConfigModal = ({
<Modal <Modal
isShow isShow
onClose={onClose} onClose={onClose}
title={t('sandboxProvider.configModal.title', { ns: 'common' })}
closable closable
className="w-[480px]" className="w-[480px]"
> >
{/* Provider subtitle */} {/* Custom Header: Title + Subtitle with 8px gap */}
<div className="-mt-2 mb-4 flex items-center gap-2"> <div className="mb-4 flex flex-col gap-2">
<ProviderIcon providerType={provider.provider_type} /> <h3 className="title-2xl-semi-bold text-text-primary">
<span className="system-md-regular text-text-secondary">{provider.label}</span> {t('sandboxProvider.configModal.title', { ns: 'common' })}
</h3>
<div className="flex items-center gap-2">
<ProviderIcon providerType={provider.provider_type} />
<span className="system-md-regular text-text-secondary">{provider.label}</span>
</div>
</div> </div>
<BaseForm <BaseForm