feat(quota): 2-column responsive grid for pool cards

This commit is contained in:
diegosouzapw
2026-05-31 10:38:18 -03:00
parent cf9a78ad32
commit 767fad3d5c
2 changed files with 13 additions and 1 deletions

View File

@@ -282,7 +282,7 @@ export default function QuotaSharePageClient() {
</Button>
</div>
) : (
<div className="flex flex-col gap-3">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-3">
{pools.map((pool) => (
<PoolCardWithUsage
key={pool.id}

View File

@@ -0,0 +1,12 @@
import test from "node:test";
import assert from "node:assert/strict";
import { readFileSync } from "node:fs";
import { join } from "node:path";
import { fileURLToPath } from "node:url";
test("pool list uses a responsive 2-column grid", () => {
const p = join(fileURLToPath(import.meta.url), "..", "..", "..",
"src/app/(dashboard)/dashboard/costs/quota-share/QuotaSharePageClient.tsx");
const src = readFileSync(p, "utf8");
assert.ok(/grid-cols-1\s+lg:grid-cols-2/.test(src), "pool list must be a responsive 2-col grid");
});