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

fix: sandbox provider icon sizing and alignment issues

Browse Source 
Scale Docker SVG icon proportionally for small containers and fix E2B
PNG icon vertical offset by making its border wrapper a flex container.
This commit is contained in:
yyh
2026-02-13 11:23:31 +08:00
parent c0bba03b13
commit eac9cbdfb9
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/app/components/header/account-setting/sandbox-provider-page/provider-icon.tsx
View File

@ -20,6 +20,7 @@ const ProviderIcon = ({
withBorder = false,
}: ProviderIconProps) => {
const sizeClass = size === 'sm' ? 'h-4 w-4' : 'h-6 w-6'
const dockerIconClass = size === 'sm' ? 'h-2.5 w-2.5' : 'h-6 w-6'
const sshIconClass = size === 'sm' ? 'h-[5px] w-auto max-w-[70%]' : 'h-[6px] w-auto max-w-[70%]'
if (providerType === 'docker') {
@ -31,7 +32,7 @@ const ProviderIcon = ({
)}
style={{ backgroundColor: DOCKER_BRAND_BLUE }}
>
<DockerMarkWhite className="h-6 w-6" />
<DockerMarkWhite className={dockerIconClass} />
</div>
)
if (withBorder) {
@ -59,7 +60,7 @@ const ProviderIcon = ({
return (
<div
className={cn(
'shrink-0 overflow-hidden rounded border-[0.5px] border-divider-subtle',
'flex shrink-0 overflow-hidden rounded border-[0.5px] border-divider-subtle',
sizeClass,
)}
>