wooo/awoooi
1
1
Fork 0
Code Issues 2 Pull Requests 1 Actions 3 Packages Projects Releases Wiki Activity

fix(web): 修正 Code Review Gate 手機溢出
All checks were successful
Code Review / ai-code-review (push) Successful in 12s
Details
CD Pipeline / tests (push) Successful in 1m50s
Details
CD Pipeline / build-and-deploy (push) Successful in 4m30s
Details
CD Pipeline / post-deploy-checks (push) Successful in 1m41s
Details

Browse Source
This commit is contained in:
Your Name
2026-06-19 01:12:17 +08:00
parent 38e60192cc
commit 68f70f7cfe
1 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
apps/web/src/app/[locale]/code-review/page.tsx
View File

@@ -392,47 +392,47 @@ export default function CodeReviewPage({ params }: { params: { locale: string }
</div>
</section>
<section className="grid gap-4 lg:grid-cols-2">
<div data-testid="product-code-review-prepost-gates" className="rounded border border-gray-800 bg-gray-950 p-4">
<div className="flex items-center gap-2 text-sm font-semibold text-white">
<ShieldCheck className="h-4 w-4 text-emerald-300" />
{t('prepost.title')}
<section className="grid min-w-0 gap-4 lg:grid-cols-2">
<div data-testid="product-code-review-prepost-gates" className="min-w-0 rounded border border-gray-800 bg-gray-950 p-4">
<div className="flex min-w-0 items-center gap-2 text-sm font-semibold text-white">
<ShieldCheck className="h-4 w-4 shrink-0 text-emerald-300" />
<span className="min-w-0 break-words">{t('prepost.title')}</span>
</div>
<div className="mt-3 grid gap-3 md:grid-cols-2">
<div className="space-y-2">
<div className="mt-3 grid min-w-0 gap-3 md:grid-cols-2">
<div className="min-w-0 space-y-2">
<div className="text-xs font-mono uppercase text-gray-500">{t('prepost.pre')}</div>
{preDeployGates.map((gate) => (
<div key={gate.gate_id} className="rounded border border-gray-800 bg-black/20 px-3 py-2">
<div className="text-sm font-semibold text-white">{gate.label}</div>
<div className="mt-1 text-xs text-gray-500">{gate.owner_agent} · {gate.status}</div>
<div key={gate.gate_id} className="min-w-0 rounded border border-gray-800 bg-black/20 px-3 py-2">
<div className="break-words text-sm font-semibold leading-5 text-white">{gate.label}</div>
<div className="mt-1 break-words text-xs text-gray-500">{gate.owner_agent} · {gate.status}</div>
</div>
))}
</div>
<div className="space-y-2">
<div className="min-w-0 space-y-2">
<div className="text-xs font-mono uppercase text-gray-500">{t('prepost.post')}</div>
{postDeployGates.map((gate) => (
<div key={gate.gate_id} className="rounded border border-gray-800 bg-black/20 px-3 py-2">
<div className="text-sm font-semibold text-white">{gate.label}</div>
<div className="mt-1 text-xs text-gray-500">{gate.owner_agent} · {gate.status}</div>
<div key={gate.gate_id} className="min-w-0 rounded border border-gray-800 bg-black/20 px-3 py-2">
<div className="break-words text-sm font-semibold leading-5 text-white">{gate.label}</div>
<div className="mt-1 break-words text-xs text-gray-500">{gate.owner_agent} · {gate.status}</div>
</div>
))}
</div>
</div>
</div>
<div data-testid="product-code-review-tool-lanes" className="rounded border border-gray-800 bg-gray-950 p-4">
<div className="flex items-center gap-2 text-sm font-semibold text-white">
<PackageSearch className="h-4 w-4 text-amber-300" />
{t('tools.title')}
<div data-testid="product-code-review-tool-lanes" className="min-w-0 rounded border border-gray-800 bg-gray-950 p-4">
<div className="flex min-w-0 items-center gap-2 text-sm font-semibold text-white">
<PackageSearch className="h-4 w-4 shrink-0 text-amber-300" />
<span className="min-w-0 break-words">{t('tools.title')}</span>
</div>
<div className="mt-3 grid gap-2 sm:grid-cols-2">
<div className="mt-3 grid min-w-0 gap-2 sm:grid-cols-2">
{toolLanes.map((tool) => (
<div key={tool.tool_id} className="rounded border border-gray-800 bg-black/20 px-3 py-2">
<div className="flex items-center justify-between gap-3">
<div className="font-semibold text-white">{tool.label}</div>
<div className="font-mono text-xs text-amber-200">{t('tools.candidate')}</div>
<div key={tool.tool_id} className="min-w-0 rounded border border-gray-800 bg-black/20 px-3 py-2">
<div className="flex min-w-0 flex-wrap items-center justify-between gap-2">
<div className="min-w-0 break-words font-semibold text-white">{tool.label}</div>
<div className="shrink-0 font-mono text-xs text-amber-200">{t('tools.candidate')}</div>
</div>
<div className="mt-1 text-xs leading-5 text-gray-500">{tool.category} · {tool.integration_status}</div>
<div className="mt-1 break-words text-xs leading-5 text-gray-500">{tool.category} · {tool.integration_status}</div>
</div>
))}
</div>