webui mobile polish: compact header/status and improve dashboard spacing

This commit is contained in:
DBT
2026-02-26 00:31:11 +00:00
parent 98add491be
commit ba2d68105a
2 changed files with 13 additions and 13 deletions

View File

@@ -18,10 +18,10 @@ const Dashboard: React.FC = () => {
}, [nodes]);
return (
<div className="p-8 max-w-7xl mx-auto space-y-8">
<div className="flex items-center justify-between">
<h1 className="text-2xl font-semibold tracking-tight">{t('dashboard')}</h1>
<button onClick={refreshAll} className="flex items-center gap-2 px-4 py-2 bg-zinc-800 hover:bg-zinc-700 rounded-lg text-sm font-medium transition-colors">
<div className="p-4 md:p-8 max-w-7xl mx-auto space-y-5 md:space-y-8">
<div className="flex items-center justify-between gap-3">
<h1 className="text-xl md:text-2xl font-semibold tracking-tight">{t('dashboard')}</h1>
<button onClick={refreshAll} className="flex items-center gap-2 px-3 md:px-4 py-2 bg-zinc-800 hover:bg-zinc-700 rounded-lg text-sm font-medium transition-colors shrink-0">
<RefreshCw className="w-4 h-4" /> {t('refreshAll')}
</button>
</div>