refactor(website): Fix height issues with empty pages.

Ayfri · Apr 8, 2024 · 6a346fc · 6a346fc
1 parent adecee6
commit 6a346fc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/website/src/jsMain/kotlin/io/github/ayfri/kore/website/components/doc/DocTree.kt b/website/src/jsMain/kotlin/io/github/ayfri/kore/website/components/doc/DocTree.kt
@@ -129,7 +129,7 @@ object DocTreeStyle : StyleSheet() {
 		padding(0.8.cssRem)
 		marginRight(1.cssRem)
 
-		height(100.vh)
+		height(100.percent)
 		position(Position.Sticky)
 		top(0.px)
 		left(0.px)

diff --git a/website/src/jsMain/kotlin/io/github/ayfri/kore/website/components/layouts/MarkdownLayout.kt b/website/src/jsMain/kotlin/io/github/ayfri/kore/website/components/layouts/MarkdownLayout.kt
@@ -43,11 +43,13 @@ object MarkdownLayoutStyle : StyleSheet() {
 		id("root") style {
 			display(DisplayStyle.Flex)
 			flexDirection(FlexDirection.Column)
+			minHeight(100.vh)
 		}
 
 		"main" style {
 			display(DisplayStyle.Flex)
 			flexDirection(FlexDirection.Row)
+			flexGrow(1.0)
 		}
 
 		"h1" style {
@@ -83,6 +85,7 @@ object MarkdownLayoutStyle : StyleSheet() {
 		flexDirection(FlexDirection.Column)
 		marginX(3.vw)
 		marginBottom(2.cssRem)
+		minHeight(100.percent)
 		width(100.percent)
 		overflowX(Overflow.Auto)
 	}