feat: top text and icons

This commit is contained in:
aro 2022-11-24 15:02:45 +01:00
parent 41ec4d6e37
commit abbf8e2ecf
3 changed files with 38 additions and 2 deletions

View file

@ -22,14 +22,14 @@ fun InputTopText() {
.fillMaxWidth(0.5f) .fillMaxWidth(0.5f)
) { ) {
Row { Row {
Text("Input")
Spacer(Modifier.width(5.dp))
Icon( Icon(
Icons.Filled.Input, Icons.Filled.Input,
tint = Color.Black, tint = Color.Black,
contentDescription = "Input", contentDescription = "Input",
modifier = Modifier.size(ButtonDefaults.IconSize) modifier = Modifier.size(ButtonDefaults.IconSize)
) )
Spacer(Modifier.width(5.dp))
Text("Input")
} }
} }
} }

View file

@ -21,6 +21,7 @@ fun OutputEntries() {
.fillMaxWidth() .fillMaxWidth()
.border(BorderStroke(4.dp, UIColors.STRESS), RectangleShape) .border(BorderStroke(4.dp, UIColors.STRESS), RectangleShape)
) { ) {
OutputTopText()
Column { Column {
for (i in 0..5) { for (i in 0..5) {
DummyTextEntry() DummyTextEntry()

View file

@ -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")
}
}
}