[Bug] 新增 KEY Dialog 铺满屏幕（默认 Key 正常）

[Hwwwww-dev]

如题

[github-actions]

Thank you for reporting this issue.

Analysis:

I've confirmed the root cause. The "Add Key" dialog in src/app/[locale]/dashboard/_components/user/key-list-header.tsx (line 286) is missing width constraints on the DialogContent component.

Comparison:

Dialog	File & Line	className
Add Key (bug)	key-list-header.tsx:286	(none)
Edit Key (normal)	key-actions.tsx:53	max-h-[80vh] flex flex-col overflow-hidden
Key Created Success	key-list-header.tsx:321	max-w-lg
Other dialogs	various	max-w-lg, sm:max-w-[600px], etc.

The base DialogContent component in src/components/ui/dialog.tsx (line 55) uses:

w-full max-w-[calc(100%-2rem)]

Without an explicit max-w-* override, the dialog expands to nearly full screen width.

Potentially affected code:

• src/app/[locale]/dashboard/_components/user/key-list-header.tsx (line 286) - missing className prop on DialogContent

Root cause:
The Add Key dialog's DialogContent at line 286 doesn't specify a className with width constraints, while other similar dialogs (like Edit Key at key-actions.tsx:53) include proper sizing classes.

Suggested fix:
Add appropriate width and height constraints to the DialogContent on line 286, similar to how the Edit Key dialog is styled:

<DialogContent className="max-h-[80vh] flex flex-col overflow-hidden">

Or with a specific max-width like:

<DialogContent className="sm:max-w-[600px] max-h-[80vh] flex flex-col overflow-hidden">

---

Automated response from Claude AI