Skip to content

fix: prevent page overflow from 100vh layout#68

Open
t128n wants to merge 1 commit into
e18e:mainfrom
t128n:fix/page-overflows
Open

fix: prevent page overflow from 100vh layout#68
t128n wants to merge 1 commit into
e18e:mainfrom
t128n:fix/page-overflows

Conversation

@t128n

@t128n t128n commented May 24, 2026

Copy link
Copy Markdown
Contributor

Description

Restructures the page layout so individual .page elements no longer rely on 100vh.

The previous layout caused vertical overflow because 100vh did not account for surrounding padding and Controls component. This PR moves the full-height behavior into the main layout wrapper and lets pages fill the remaining space via flex growth.

Screenshots

Route Prod PR
/ Production screenshot of the home route PR screenshot of the home route
/package-json Production screenshot of the package-json route PR screenshot of the package-json route
/packages Production screenshot of the packages route PR screenshot of the packages route
/<package> Production screenshot of the package detail route PR screenshot of the package detail route
@eslint/eslint image image
eslint/eslint image image

No visual discrepancies seen in testing.

The scrollbar is not visible in the screenshots because it auto-hides. However, in production the page can still be scrolled even though there is no additional content to scroll to.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants