makiolaj/agendula
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

UI: scale up Lists for M3 Expressive feel
Some checks failed
CI / ci (push) Has been cancelled
Details

Browse Source 
Bigger smart tiles (160dp, 28dp corners, displaySmall hero counts, larger
icons, 20dp padding, 12dp gaps); list group cards use extra-large (28dp)
corners and surfaceContainerHigh for more presence.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jean-Luc Makiola
2026-06-17 22:56:45 +02:00
parent 6e1c9bec79
commit bc28f51039
1 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/src/main/java/de/jeanlucmakiola/floret/ui/lists/ListsScreen.kt
View File

@@ -105,7 +105,7 @@ private fun ListsContent(
top = inner.calculateTopPadding(), top = inner.calculateTopPadding(),
bottom = inner.calculateBottomPadding() + 96.dp, bottom = inner.calculateBottomPadding() + 96.dp,
), ),
verticalArrangement = Arrangement.spacedBy(8.dp), verticalArrangement = Arrangement.spacedBy(12.dp),
) { ) {
item { SmartGrid(state.smartCounts, onOpenFilter) } item { SmartGrid(state.smartCounts, onOpenFilter) }
@@ -126,10 +126,10 @@ private fun ListsContent(
private fun SmartGrid(counts: List<SmartCount>, onOpenFilter: (TaskFilter) -> Unit) { private fun SmartGrid(counts: List<SmartCount>, onOpenFilter: (TaskFilter) -> Unit) {
Column( Column(
modifier = Modifier.padding(horizontal = 16.dp), modifier = Modifier.padding(horizontal = 16.dp),
verticalArrangement = Arrangement.spacedBy(8.dp), verticalArrangement = Arrangement.spacedBy(12.dp),
) { ) {
counts.chunked(2).forEach { row -> counts.chunked(2).forEach { row ->
Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) { Row(horizontalArrangement = Arrangement.spacedBy(12.dp)) {
row.forEach { smart -> row.forEach { smart ->
SmartCard( SmartCard(
count = smart, count = smart,
@@ -161,20 +161,27 @@ private fun SmartCard(count: SmartCount, modifier: Modifier = Modifier, onClick:
val style = smartStyle(count.smart) val style = smartStyle(count.smart)
ElevatedCard( ElevatedCard(
onClick = onClick, onClick = onClick,
modifier = modifier.height(116.dp), modifier = modifier.height(160.dp),
shape = RoundedCornerShape(28.dp),
colors = CardDefaults.elevatedCardColors( colors = CardDefaults.elevatedCardColors(
containerColor = style.container, containerColor = style.container,
contentColor = style.onContainer, contentColor = style.onContainer,
), ),
) { ) {
Column( Column(
modifier = Modifier.fillMaxSize().padding(16.dp), modifier = Modifier.fillMaxSize().padding(20.dp),
verticalArrangement = Arrangement.SpaceBetween, verticalArrangement = Arrangement.SpaceBetween,
) { ) {
Icon(style.icon, contentDescription = null) Icon(style.icon, contentDescription = null, modifier = Modifier.size(28.dp))
Column { Column {
Text(count.count.toString(), style = MaterialTheme.typography.headlineMedium) Text(
Text(stringResource(style.labelRes), style = MaterialTheme.typography.labelLarge) count.count.toString(),
style = MaterialTheme.typography.displaySmall,
)
Text(
stringResource(style.labelRes),
style = MaterialTheme.typography.titleMedium,
)
} }
} }
} }
@@ -187,9 +194,9 @@ private fun AccountGroupCard(group: AccountGroup, onOpenFilter: (TaskFilter) ->
AccountHeader(group.accountName) AccountHeader(group.accountName)
Card( Card(
modifier = Modifier.fillMaxWidth(), modifier = Modifier.fillMaxWidth(),
shape = RoundedCornerShape(20.dp), shape = RoundedCornerShape(28.dp),
colors = CardDefaults.cardColors( colors = CardDefaults.cardColors(
containerColor = MaterialTheme.colorScheme.surfaceContainer, containerColor = MaterialTheme.colorScheme.surfaceContainerHigh,
), ),
) { ) {
group.lists.forEachIndexed { index, overview -> group.lists.forEachIndexed { index, overview ->