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

Tighten Integration Health row spacing and make the list scrollable

Browse source 
Status text now sits close to the name instead of being pushed to the
far edge, and the list caps at a fixed height with scroll so it stays
usable as more integrations are added.
This commit is contained in:
Claude 2026-06-21 11:38:16 +00:00
parent bcdecd86d6
commit 99ca1ba39c
No known key found for this signature in database
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/pages/Infrastructure.tsx
View file

@ -289,9 +289,9 @@ export default function Infrastructure() {
<div className="relative z-10 flex flex-col"> <div className="relative z-10 flex flex-col">
<h3 style={sectionTitle}>Integration Health</h3> <h3 style={sectionTitle}>Integration Health</h3>
{integrations && integrations.length > 0 ? ( {integrations && integrations.length > 0 ? (
<div className="flex flex-col gap-2"> <div className="scrollbar-ghost flex flex-col gap-2" style={{ maxHeight: '140px', overflowY: 'auto' }}>
{integrations.map((i) => ( {integrations.map((i) => (
<div key={i.id} className="flex items-center justify-between"> <div key={i.id} className="flex items-center gap-3">
<span className="flex items-center gap-2" style={{ fontSize: '12px', color: '#E8E6E0' }}> <span className="flex items-center gap-2" style={{ fontSize: '12px', color: '#E8E6E0' }}>
<CircleCheck size={13} style={{ color: i.status === 'connected' ? '#2ECC71' : i.status === 'error' ? '#E74C3C' : '#7A7D85' }} /> <CircleCheck size={13} style={{ color: i.status === 'connected' ? '#2ECC71' : i.status === 'error' ? '#E74C3C' : '#7A7D85' }} />
{i.name} {i.name}