feat: top text and icons
This commit is contained in:
parent
41ec4d6e37
commit
abbf8e2ecf
3 changed files with 38 additions and 2 deletions
|
@ -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")
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
|
@ -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()
|
||||||
|
|
|
@ -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")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Reference in a new issue