fix(web): improve mobile responsiveness of dashboard, plugin detail & models dialog

- monitoring: stack filters full-width, scrollable tab bar, reduce card/content padding on mobile
- models dialog: provider form modal no longer overflows viewport on small screens; shared panel body padding shrinks on mobile
- plugin logs: reduce horizontal padding on mobile
This commit is contained in:
RockChinQ
2026-06-20 10:42:35 -04:00
parent e9dd584792
commit b92d54254b
5 changed files with 33 additions and 28 deletions
@@ -38,7 +38,12 @@ export function PanelBody({
children: React.ReactNode;
}) {
return (
<div className={cn('min-h-0 flex-1 overflow-auto px-6 py-5', className)}>
<div
className={cn(
'min-h-0 flex-1 overflow-auto px-3 py-4 sm:px-6 sm:py-5',
className,
)}
>
{children}
</div>
);