Skip to content

Commit 123a6ef

Browse files
fix: prevent register page from forcing scroll on short viewports
The .register section had min-height: 80vh, which combined with the marketing layout's header and footer pushed total page height past 100vh on shorter viewports, causing the page to scroll even when the card content fit comfortably. Make the marketing main element a flex column so the register section can flex: 1 to fill remaining space without overflowing the viewport. Closes #30
1 parent e06bf35 commit 123a6ef

2 files changed

Lines changed: 3 additions & 1 deletion

File tree

src/routes/(marketing)/+layout.svelte

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,5 +20,7 @@
2020
main {
2121
flex: 1;
2222
width: 100%;
23+
display: flex;
24+
flex-direction: column;
2325
}
2426
</style>

src/routes/(marketing)/register/+page.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -234,7 +234,7 @@
234234
var(--pg-soft-background) 0%,
235235
var(--pg-general-background) 100%
236236
);
237-
min-height: 80vh;
237+
flex: 1;
238238
}
239239
240240
.register-card {

0 commit comments

Comments
 (0)