fix: reduce padding and spacing for mobile
Main: px-4 py-6 on mobile (was px-8 py-12). Section accordion: mb/py on inactive links tightened to 1/1 on mobile, space-y-0 between sections. Active title text-xl on mobile to prevent wrapping at ~400px, matches inactive title size.
This commit is contained in:
1 parent
d0f09f0dbd
commit
7f6e6369ff
3 files changed
+7
-7
No files matched your search
@@ -28,7 +28,7 @@ export function SectionsAccordion({ sections, activeSlug, children }: Props) {
|
||||
const slots = Children.toArray(children);
|
||||
|
||||
return (
|
||||
<div className="space-y-2">
|
||||
<div className="space-y-0 sm:space-y-2">
|
||||
{sections.map((section, i) => (
|
||||
<SectionAccordion
|
||||
key={section.slug}
|
||||
|
||||
Reference in new issue
Block a user