Adjust unit converter help screen

This commit is contained in:
MM20
2025-10-11 14:30:48 +02:00
parent 167500233e
commit b0567b6cca

View File

@@ -1,11 +1,14 @@
package de.mm20.launcher2.ui.settings.unitconverter
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.layout.widthIn
import androidx.compose.material3.Icon
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Text
@@ -31,9 +34,11 @@ fun UnitConverterHelpSettingsScreen() {
val availableConverters by viewModel.availableConverters.collectAsState(emptyList())
val availableUnits by viewModel.availableUnits.collectAsState(emptyList())
PreferenceScreen(title = stringResource(R.string.preference_search_unitconverter),
helpUrl = "https://kvaesitso.mm20.de/docs/user-guide/search/unit-converter") {
PreferenceScreen(
title = stringResource(R.string.preference_search_unitconverter),
verticalArrangement = Arrangement.spacedBy(2.dp),
helpUrl = "https://kvaesitso.mm20.de/docs/user-guide/search/unit-converter"
) {
for (i in availableConverters.indices) {
stickyHeader {
DimensionHeader(availableConverters[i].dimension)
@@ -44,13 +49,13 @@ fun UnitConverterHelpSettingsScreen() {
title = unit.formatName(LocalContext.current, 1.0),
controls = {
Box(
modifier = Modifier.size(36.dp)
modifier = Modifier.padding(horizontal = 4.dp).widthIn(min = 36.dp).height(36.dp)
.background(MaterialTheme.colorScheme.secondaryContainer, MaterialTheme.shapes.extraSmall),
contentAlignment = Alignment.Center,
) {
Text(unit.symbol, style = MaterialTheme.typography.labelSmall)
}
}
},
)
}
}
@@ -60,19 +65,20 @@ fun UnitConverterHelpSettingsScreen() {
@Composable
private fun DimensionHeader(dimension: Dimension) {
Row(
modifier = Modifier.background(MaterialTheme.colorScheme.surfaceContainer).fillMaxWidth().padding(top = 16.dp, bottom = 16.dp)
modifier = Modifier.background(MaterialTheme.colorScheme.surfaceContainer).fillMaxWidth()
.padding(start = 8.dp, top = 16.dp, end = 16.dp, bottom = 16.dp)
) {
Icon(
getDimensionIcon(dimension),
null,
modifier = Modifier.padding(horizontal = 24.dp),
tint = MaterialTheme.colorScheme.onSurfaceVariant,
modifier = Modifier.padding(end = 8.dp),
tint = MaterialTheme.colorScheme.secondary,
)
Text(
stringResource(dimension.resource),
style = MaterialTheme.typography.titleSmall,
modifier = Modifier.weight(1f),
color = MaterialTheme.colorScheme.onSurfaceVariant,
color = MaterialTheme.colorScheme.secondary,
)
}
}