layout: stack server cards in single column

Both Unraid servers now render stacked in one column instead of
each taking a separate grid cell. Grid changed from 4-col to 3-col
(servers | HA | tasks).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Sam 2026-03-02 23:51:59 +01:00
parent bc2dcb5589
commit 0dce8a9d80

View file

@ -91,13 +91,14 @@ export default function Dashboard() {
<span className="section-rule" /> <span className="section-rule" />
</div> </div>
<div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-px bg-base-300"> <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-px bg-base-300">
{/* Servers stacked in one column */}
<div className="flex flex-col gap-px">
{data.servers.servers.map((srv) => ( {data.servers.servers.map((srv) => (
<ServerCard key={srv.name} server={srv} /> <ServerCard key={srv.name} server={srv} />
))} ))}
<div className="xl:col-span-2">
<HomeAssistant data={data.ha} />
</div> </div>
<HomeAssistant data={data.ha} />
<TasksCard data={data.tasks} onRefresh={refresh} /> <TasksCard data={data.tasks} onRefresh={refresh} />
</div> </div>
</section> </section>