From 6fc36a1ced41f6a5f6e84b69874743ca1093816f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mikl=C3=B3s=20T=C3=B3th?= <tothmiklostibor@gmail.com>
Date: Tue, 22 Feb 2022 18:56:29 +0100
Subject: [PATCH] Add dynamic spacer
---
.../src/jsMain/kotlin/components/Content.kt | 18 +++++++++++++++---
1 file changed, 15 insertions(+), 3 deletions(-)
diff --git a/mosogepsch/src/jsMain/kotlin/components/Content.kt b/mosogepsch/src/jsMain/kotlin/components/Content.kt
index 8e660fa..472beb7 100644
--- a/mosogepsch/src/jsMain/kotlin/components/Content.kt
+++ b/mosogepsch/src/jsMain/kotlin/components/Content.kt
@@ -5,10 +5,12 @@ import api.Api
import api.Machine
import app.softwork.bootstrapcompose.Container
import org.jetbrains.compose.web.css.*
+import org.jetbrains.compose.web.dom.Div
@Composable
fun content() {
val data by remember { mutableStateOf(Api.getOnce()) }
+ var machine by remember { mutableStateOf<Machine?>(null) }
Container(attrs = {
style {
@@ -17,15 +19,25 @@ fun content() {
flexWrap(FlexWrap.Wrap)
justifyContent(JustifyContent.Center)
paddingTop(1.em)
- paddingBottom(12.em)
}
}) {
- var machine by remember { mutableStateOf<Machine?>(null) }
-
data.floors.forEach {
floor(it, machine) { m ->
machine = m
}
}
}
+
+ Div(attrs = {
+ style {
+ width(0.px)
+ if (machine != null) {
+ height(17.em)
+ } else {
+ height(0.em)
+ }
+ property("transition", "height 0.75s")
+ }
+ }) {}
+
}
\ No newline at end of file
--
GitLab