79a7f08b04
The /memory data grid grew unboundedly with table rows, pushing the horizontal scrollbar to the very bottom of a tall page and making it inaccessible without scrolling all the way down first. - Layout: change outer shell from min-h-screen to h-screen + overflow-hidden, and add min-h-0 to <main> so flex-1 overflow-y-auto actually clamps at the viewport boundary instead of growing infinitely. - Memory page: switch root div to flex-col h-full so it fills the bounded main area; give the glass-card table wrapper flex-1 min-h-0 overflow-auto so it consumes remaining space and exposes both scrollbars without any page-level scrolling required. - index.css: pin .table-electric thead th with position:sticky / top:0 and a matching opaque background so column headers stay visible during vertical scroll inside the bounded card. The result behaves like a bounded iframe: the table fills the available screen, rows scroll vertically, wide columns scroll horizontally, and both scrollbars are always reachable. |
||
|---|---|---|
| .. | ||
| components/layout | ||
| hooks | ||
| lib | ||
| pages | ||
| types | ||
| App.tsx | ||
| index.css | ||
| main.tsx | ||
| vite-env.d.ts | ||