Made character icons bigger and also made the obscured characters follow material guidelines, as being pure black can be difficult to see in dark theme

This commit is contained in:
Nacho 2025-01-21 13:28:13 +01:00
parent a974bd366e
commit 25500e9cb4
2 changed files with 8 additions and 4 deletions

View File

@ -17,6 +17,7 @@ import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.ColorFilter
import androidx.compose.ui.graphics.FilterQuality
import androidx.compose.ui.graphics.asImageBitmap
import androidx.compose.ui.res.painterResource
@ -35,7 +36,7 @@ fun CharacterEntry(
modifier: Modifier = Modifier,
obscure: Boolean = false,
shape: Shape = MaterialTheme.shapes.medium,
multiplier: Int = 3,
multiplier: Int = 4,
onClick: () -> Unit = { }
) {
val bitmap = remember (icon.bitmap) {
@ -56,12 +57,16 @@ fun CharacterEntry(
contentAlignment = Alignment.BottomCenter,
modifier = Modifier
.fillMaxSize()
.padding(16.dp)
.padding(4.dp)
) {
Image(
bitmap = imageBitmap,
contentDescription = "Icon",
filterQuality = FilterQuality.None,
colorFilter = when (obscure) {
true -> ColorFilter.tint(color = MaterialTheme.colorScheme.secondary)
false -> null
},
modifier = Modifier
.size(dpSize)
)

View File

@ -55,8 +55,7 @@ fun ItemElement(
tint = MaterialTheme.colorScheme.surfaceTint,
modifier = Modifier
.size(48.dp) // Set the size of the overlay image
.padding(4.dp
)
.padding(4.dp)
.align(Alignment.TopStart) // Align to the top end (top-right corner)
)
}