suguo
/
dify
mirror of https://github.com/langgenius/dify.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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

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
No known key found for this signature in database
2 changed files with 2 additions and 2 deletions
Show Stats 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' })}