Improve FeedBottomSheet UI

This commit is contained in:
Shinokuni 2024-07-11 13:03:54 +02:00
parent 334a33f847
commit d14ea9109b

View File

@ -11,8 +11,8 @@ import androidx.compose.foundation.layout.size
import androidx.compose.material.icons.Icons import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Create import androidx.compose.material.icons.filled.Create
import androidx.compose.material.icons.filled.Delete import androidx.compose.material.icons.filled.Delete
import androidx.compose.material3.Divider
import androidx.compose.material3.ExperimentalMaterial3Api import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.HorizontalDivider
import androidx.compose.material3.Icon import androidx.compose.material3.Icon
import androidx.compose.material3.MaterialTheme import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.ModalBottomSheet import androidx.compose.material3.ModalBottomSheet
@ -67,7 +67,7 @@ fun FeedModalBottomSheet(
Column { Column {
Text( Text(
text = feed.name!!, text = feed.name!!,
style = MaterialTheme.typography.headlineSmall, style = MaterialTheme.typography.titleLarge,
maxLines = 1, maxLines = 1,
overflow = TextOverflow.Ellipsis overflow = TextOverflow.Ellipsis
) )
@ -77,8 +77,8 @@ fun FeedModalBottomSheet(
Text( Text(
text = feed.description!!, text = feed.description!!,
style = MaterialTheme.typography.labelLarge, style = MaterialTheme.typography.bodyMedium,
color = MaterialTheme.colorScheme.onSurfaceVariant.copy(alpha = 0.85f), color = MaterialTheme.colorScheme.onSurfaceVariant,
maxLines = 2, maxLines = 2,
overflow = TextOverflow.Ellipsis overflow = TextOverflow.Ellipsis
) )
@ -88,10 +88,8 @@ fun FeedModalBottomSheet(
MediumSpacer() MediumSpacer()
Divider( HorizontalDivider(
modifier = Modifier.padding( modifier = Modifier.padding(horizontal = MaterialTheme.spacing.mediumSpacing)
horizontal = MaterialTheme.spacing.mediumSpacing
)
) )
MediumSpacer() MediumSpacer()
@ -103,7 +101,7 @@ fun FeedModalBottomSheet(
) )
BottomSheetOption( BottomSheetOption(
text = "Update", text = stringResource(id = R.string.update),
icon = Icons.Default.Create, icon = Icons.Default.Create,
onClick = onUpdate onClick = onUpdate
) )
@ -146,7 +144,8 @@ fun BottomSheetOption(
) { ) {
Icon( Icon(
imageVector = icon, imageVector = icon,
contentDescription = text contentDescription = text,
tint = MaterialTheme.colorScheme.primary
) )
MediumSpacer() MediumSpacer()