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:
parent
bc2dcb5589
commit
0dce8a9d80
1 changed files with 7 additions and 6 deletions
|
|
@ -91,13 +91,14 @@ export default function Dashboard() {
|
|||
<span className="section-rule" />
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-px bg-base-300">
|
||||
{data.servers.servers.map((srv) => (
|
||||
<ServerCard key={srv.name} server={srv} />
|
||||
))}
|
||||
<div className="xl:col-span-2">
|
||||
<HomeAssistant data={data.ha} />
|
||||
<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) => (
|
||||
<ServerCard key={srv.name} server={srv} />
|
||||
))}
|
||||
</div>
|
||||
<HomeAssistant data={data.ha} />
|
||||
<TasksCard data={data.tasks} onRefresh={refresh} />
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue