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 index 36a79205..665b9210 100644 --- 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 index 4a70c35d..98e83b8f 100644 --- 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) }