feat(ui): Display staff in single card with aligned columns
Replace per-staff cards with a single card listing all staff. Each line shows the name on the left and role in muted color on the right, matching the players section style.
This commit is contained in:
@@ -189,12 +189,22 @@ fun EventDetailScreen(
|
|||||||
style = MaterialTheme.typography.titleLarge,
|
style = MaterialTheme.typography.titleLarge,
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
items(detail.convocation.staff) { staff ->
|
item {
|
||||||
Card(modifier = Modifier.fillMaxWidth()) {
|
Card(modifier = Modifier.fillMaxWidth()) {
|
||||||
Text(
|
Column(modifier = Modifier.padding(16.dp)) {
|
||||||
text = "${staff.role}: ${staff.fname} ${staff.lname}",
|
detail.convocation.staff.forEach { staff ->
|
||||||
modifier = Modifier.padding(16.dp),
|
val muted = MaterialTheme.colorScheme.onSurfaceVariant
|
||||||
)
|
Row(
|
||||||
|
verticalAlignment = Alignment.CenterVertically,
|
||||||
|
horizontalArrangement = Arrangement.spacedBy(6.dp),
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
) {
|
||||||
|
Text("${staff.fname} ${staff.lname}")
|
||||||
|
Spacer(Modifier.weight(1f))
|
||||||
|
Text(staff.role, color = muted)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user