Change chip style

This commit is contained in:
MM20 2022-05-28 14:37:48 +02:00
parent 9a55807817
commit c61e075fc1
No known key found for this signature in database
GPG Key ID: 0B61A8F2DEAFA389

View File

@ -1,5 +1,6 @@
package de.mm20.launcher2.ui.component package de.mm20.launcher2.ui.component
import androidx.compose.foundation.BorderStroke
import androidx.compose.foundation.Image import androidx.compose.foundation.Image
import androidx.compose.foundation.clickable import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.* import androidx.compose.foundation.layout.*
@ -9,11 +10,13 @@ import androidx.compose.runtime.Composable
import androidx.compose.runtime.CompositionLocalProvider import androidx.compose.runtime.CompositionLocalProvider
import androidx.compose.ui.Alignment import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.painter.Painter import androidx.compose.ui.graphics.painter.Painter
import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.text.style.TextOverflow import androidx.compose.ui.text.style.TextOverflow
import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.dp
@OptIn(ExperimentalMaterial3Api::class)
@Composable @Composable
fun Chip( fun Chip(
modifier: Modifier = Modifier, modifier: Modifier = Modifier,
@ -21,9 +24,12 @@ fun Chip(
content: @Composable RowScope.() -> Unit content: @Composable RowScope.() -> Unit
) { ) {
Surface( Surface(
shape = RoundedCornerShape(4.dp), shape = RoundedCornerShape(8.dp),
modifier = modifier.clickable(onClick = onClick), modifier = modifier,
color = MaterialTheme.colorScheme.surfaceVariant color = Color.Transparent,
border = BorderStroke(1.dp, MaterialTheme.colorScheme.outline),
contentColor = MaterialTheme.colorScheme.onSurface,
onClick = onClick
) { ) {
Row( Row(
modifier = Modifier modifier = Modifier
@ -31,8 +37,8 @@ fun Chip(
verticalAlignment = Alignment.CenterVertically verticalAlignment = Alignment.CenterVertically
) { ) {
CompositionLocalProvider( CompositionLocalProvider(
LocalTextStyle provides MaterialTheme.typography.labelMedium, LocalTextStyle provides MaterialTheme.typography.labelLarge,
LocalContentColor provides MaterialTheme.colorScheme.onSurfaceVariant LocalContentColor provides MaterialTheme.colorScheme.onSurface
) { ) {
content() content()
} }