fix(web): prevent governance mobile overflow
Some checks failed
Code Review / ai-code-review (push) Successful in 13s
CD Pipeline / tests (push) Successful in 1m38s
CD Pipeline / post-deploy-checks (push) Has been cancelled
CD Pipeline / build-and-deploy (push) Has been cancelled

This commit is contained in:
Your Name
2026-06-27 12:25:10 +08:00
parent 2686909c07
commit 6dca808d71

View File

@@ -99,12 +99,12 @@ export default function GovernancePage({
})}
</section>
<div className="grid gap-4">
<div className="grid min-w-0 gap-4">
{orderedSections.map((section) => {
const Icon = section.Icon
return (
<section key={section.id} id={section.id} className="scroll-mt-24">
<div className="mb-2 flex items-center justify-between gap-3 border border-[#e0ddd4] bg-white px-3 py-2">
<section key={section.id} id={section.id} className="min-w-0 scroll-mt-24">
<div className="mb-2 flex min-w-0 items-center justify-between gap-3 border border-[#e0ddd4] bg-white px-3 py-2">
<div className="flex min-w-0 items-center gap-2">
<span className="flex h-8 w-8 shrink-0 items-center justify-center border border-[#d8d3c7] bg-[#faf9f3] text-[#5f5d57]">
<Icon className="h-4 w-4" aria-hidden="true" />