kanshan/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-01-14 06:07:33 +08:00
Code Issues Actions 4 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
No known key found for this signature in database
1 changed files with 9 additions and 5 deletions
Show Stats 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
isShow
onClose={onClose}
title={t('sandboxProvider.configModal.title', { ns: 'common' })}
closable
className="w-[480px]"
>
{/* Provider subtitle */}
<div className="-mt-2 mb-4 flex items-center gap-2">
<ProviderIcon providerType={provider.provider_type} />
<span className="system-md-regular text-text-secondary">{provider.label}</span>
{/* Custom Header: Title + Subtitle with 8px gap */}
<div className="mb-4 flex flex-col gap-2">
<h3 className="title-2xl-semi-bold text-text-primary">
{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>
<BaseForm