From abbf8e2ecfadfda350218c742f8dabae544bacef Mon Sep 17 00:00:00 2001 From: aro Date: Thu, 24 Nov 2022 15:02:45 +0100 Subject: [PATCH] feat: top text and icons --- .../components/center/input/InputTopText.kt | 4 +-- .../components/center/output/OutputEntries.kt | 1 + .../components/center/output/OutputTopText.kt | 35 +++++++++++++++++++ 3 files changed, 38 insertions(+), 2 deletions(-) create mode 100644 src/main/kotlin/xyz/atnrch/wrench/components/center/output/OutputTopText.kt diff --git a/src/main/kotlin/xyz/atnrch/wrench/components/center/input/InputTopText.kt b/src/main/kotlin/xyz/atnrch/wrench/components/center/input/InputTopText.kt index 5592271..1172c76 100644 --- a/src/main/kotlin/xyz/atnrch/wrench/components/center/input/InputTopText.kt +++ b/src/main/kotlin/xyz/atnrch/wrench/components/center/input/InputTopText.kt @@ -22,14 +22,14 @@ fun InputTopText() { .fillMaxWidth(0.5f) ) { Row { + Text("Input") + Spacer(Modifier.width(5.dp)) Icon( Icons.Filled.Input, tint = Color.Black, contentDescription = "Input", modifier = Modifier.size(ButtonDefaults.IconSize) ) - Spacer(Modifier.width(5.dp)) - Text("Input") } } } \ No newline at end of file diff --git a/src/main/kotlin/xyz/atnrch/wrench/components/center/output/OutputEntries.kt b/src/main/kotlin/xyz/atnrch/wrench/components/center/output/OutputEntries.kt index f3be271..b191ba5 100644 --- a/src/main/kotlin/xyz/atnrch/wrench/components/center/output/OutputEntries.kt +++ b/src/main/kotlin/xyz/atnrch/wrench/components/center/output/OutputEntries.kt @@ -21,6 +21,7 @@ fun OutputEntries() { .fillMaxWidth() .border(BorderStroke(4.dp, UIColors.STRESS), RectangleShape) ) { + OutputTopText() Column { for (i in 0..5) { DummyTextEntry() diff --git a/src/main/kotlin/xyz/atnrch/wrench/components/center/output/OutputTopText.kt b/src/main/kotlin/xyz/atnrch/wrench/components/center/output/OutputTopText.kt new file mode 100644 index 0000000..32d6872 --- /dev/null +++ b/src/main/kotlin/xyz/atnrch/wrench/components/center/output/OutputTopText.kt @@ -0,0 +1,35 @@ +package xyz.atnrch.wrench.components.center.output + +import androidx.compose.foundation.layout.* +import androidx.compose.material.ButtonDefaults +import androidx.compose.material.Icon +import androidx.compose.material.Text +import androidx.compose.material.icons.Icons +import androidx.compose.material.icons.filled.Output +import androidx.compose.runtime.Composable +import androidx.compose.ui.Alignment +import androidx.compose.ui.Modifier +import androidx.compose.ui.graphics.Color +import androidx.compose.ui.unit.dp + +@Composable +fun OutputTopText() { + Box( + contentAlignment = Alignment.TopCenter, + modifier = Modifier + .padding(PaddingValues(0.dp, 24.dp, 0.dp, 55.dp)) + .fillMaxHeight() + .fillMaxWidth(0.5f) + ) { + Row { + Icon( + Icons.Filled.Output, + tint = Color.Black, + contentDescription = "Output", + modifier = Modifier.size(ButtonDefaults.IconSize) + ) + Spacer(Modifier.width(5.dp)) + Text("Output") + } + } +} \ No newline at end of file