exo icon indicating copy to clipboard operation
exo copied to clipboard

scrollbars fixed

Open samiamjidkhan opened this issue 2 months ago • 1 comments

Motivation

Fixes https://github.com/exo-explore/exo/issues/1107 - Horizontal scrollbar always appears in instances section, and vertical scrollbar appears too early (with just 1-2 instances on large screens).

Changes

  • Added overflow-x-hidden to remove horizontal scrollbar
  • Added xl:max-h-96 for responsive vertical height (384px on xl+ screens vs 288px default)
  • Added py-px to accommodate corner accent decorations that extend 1px outside cards

Why It Works

  • overflow-x-hidden prevents horizontal scroll regardless of content
  • Larger max-height on xl screens fits 2 instances without scrollbar; 3rd triggers it
  • 1px vertical padding accommodates the -top-px/-bottom-px positioned corner accents that caused tiny overflow

Test Plan

Manual Testing

image

Automated Testing

N/A

samiamjidkhan avatar Jan 08 '26 21:01 samiamjidkhan

Looks good to me based on the code / screenshot. @JakeHillion you brought this up, so do you want to take a look?

AlexCheema avatar Jan 08 '26 22:01 AlexCheema