sam/dev_arc_aws
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix Node Status grid not scrolling when it overflows

Browse source 
The grid's flex column parent had no min-h-0, so it grew to fit all
content instead of being capped to the card height — overflow-y:auto
on the grid itself never had anything to scroll within.
This commit is contained in:
Claude 2026-06-21 12:56:54 +00:00
parent f390e8c586
commit 0b9acd32a5
No known key found for this signature in database
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/pages/Infrastructure.tsx
View file

@ -252,7 +252,7 @@ export default function Infrastructure() {
<div style={framedCard('/blank-kpi-bg.png')}> <div style={framedCard('/blank-kpi-bg.png')}>
<div style={cardDim} /> <div style={cardDim} />
<div style={cardVignette} /> <div style={cardVignette} />
<div className="relative z-10 flex flex-1 flex-col"> <div className="relative z-10 flex min-h-0 flex-1 flex-col">
<h3 style={sectionTitle}>Node Status</h3> <h3 style={sectionTitle}>Node Status</h3>
{resources && resources.length > 0 ? ( {resources && resources.length > 0 ? (
<div className="scrollbar-ghost grid min-h-0 flex-1 grid-cols-5 content-start gap-2" style={{ overflowY: 'auto' }}> <div className="scrollbar-ghost grid min-h-0 flex-1 grid-cols-5 content-start gap-2" style={{ overflowY: 'auto' }}>