Improve FeedBottomSheet UI
This commit is contained in:
parent
334a33f847
commit
d14ea9109b
@ -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()
|
||||||
|
Loading…
x
Reference in New Issue
Block a user