fix(web): mobile overflow in settings panels

- PanelToolbar: allow wrapping and tighten padding on small screens so the
  primary action (e.g. "创建 API 密钥") no longer runs off the dialog edge.
- ProviderCard header: let the provider name truncate and pin the model-count
  badge and right-side action group with shrink-0 so credits / + controls stay
  inside the card on narrow viewports.
This commit is contained in:
RockChinQ
2026-06-21 12:48:18 -04:00
parent b3848c9d05
commit 876e8bf804
2 changed files with 7 additions and 5 deletions
@@ -21,7 +21,7 @@ export function PanelToolbar({
return (
<div
className={cn(
'flex shrink-0 items-center justify-between gap-3 border-b px-6 py-3',
'flex shrink-0 flex-wrap items-center justify-between gap-2 border-b px-3 py-3 sm:gap-3 sm:px-6',
className,
)}
>