fix(web): prevent governance mobile overflow
This commit is contained in:
@@ -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" />
|
||||
|
||||
Reference in New Issue
Block a user