fix: add right padding to table scroll container to clear scrollbar
All checks were successful
Build and Deploy / Build & Push (push) Successful in 57s
All checks were successful
Build and Deploy / Build & Push (push) Successful in 57s
Padding on the parent main element doesn't work with overflow:auto — the fix belongs on the scrollable div wrapping the table itself. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -221,7 +221,7 @@ export function HomePageClient({
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
{/* ── Main content ────────────────────────────────────────────────────── */}
|
{/* ── Main content ────────────────────────────────────────────────────── */}
|
||||||
<main className="px-4 sm:px-6 pr-4 sm:pr-8 pb-12">
|
<main className="px-4 sm:px-6 pb-12">
|
||||||
{scrapedCount === 0 ? (
|
{scrapedCount === 0 ? (
|
||||||
<EmptyState />
|
<EmptyState />
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
@@ -289,7 +289,7 @@ export function WeekCalendar({ parks, weekDates, data, grouped, rideCounts, coas
|
|||||||
const colSpan = weekDates.length + 1; // park col + 7 day cols
|
const colSpan = weekDates.length + 1; // park col + 7 day cols
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div style={{ overflowX: "auto", overflowY: "visible" }}>
|
<div style={{ overflowX: "auto", overflowY: "visible", paddingRight: 16 }}>
|
||||||
<table style={{
|
<table style={{
|
||||||
borderCollapse: "collapse",
|
borderCollapse: "collapse",
|
||||||
width: "100%",
|
width: "100%",
|
||||||
|
|||||||
Reference in New Issue
Block a user