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

fix(web): align alert card width with API key section in dropdown

Browse Source 
Change mx-1 (4px) to mx-2 (8px) on CreditsFallbackAlert and
CreditsExhaustedAlert to match ApiKeySection's p-2 (8px) padding,
consistent with Figma design where both sections are 8px from the
dropdown edge.
This commit is contained in:
yyh
2026-03-05 12:56:55 +08:00
parent 57c1ba3543
commit ad9ac6978e
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/credits-exhausted-alert.tsx
View File

@ -24,7 +24,7 @@ export default function CreditsExhaustedAlert({ hasApiKeyFallback }: CreditsExha
const usagePercent = totalCredits > 0 ? Math.min((usedCredits / totalCredits) * 100, 100) : 100
return (
<div className="mx-1 mb-1 mt-0.5 rounded-lg bg-background-section-burn p-3">
<div className="mx-2 mb-1 mt-0.5 rounded-lg bg-background-section-burn p-3">
<div className="flex flex-col gap-1">
<div className="text-text-primary system-sm-medium">
{t(titleKey, { ns: 'common' })}

2
web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/credits-fallback-alert.tsx
View File

@ -12,7 +12,7 @@ export default function CreditsFallbackAlert({ hasCredentials }: CreditsFallback
: 'modelProvider.card.noApiKeysFallback'
return (
<div className="mx-1 mb-1 mt-0.5 rounded-lg bg-background-section-burn p-3">
<div className="mx-2 mb-1 mt-0.5 rounded-lg bg-background-section-burn p-3">
<div className="flex flex-col gap-1">
<div className="text-text-primary system-sm-medium">
{t(titleKey, { ns: 'common' })}