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)
|
||||
) {
|
||||
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")
|
||||
}
|
||||
}
|
||||
}
|
|
@ -21,6 +21,7 @@ fun OutputEntries() {
|
|||
.fillMaxWidth()
|
||||
.border(BorderStroke(4.dp, UIColors.STRESS), RectangleShape)
|
||||
) {
|
||||
OutputTopText()
|
||||
Column {
|
||||
for (i in 0..5) {
|
||||
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