home: larger section headers and even header-to-content spacing

This commit is contained in:
austinried
2026-10-04 00:30:06 +00:00
parent 4fff637699
commit b62d6c13c9
@@ -255,7 +255,7 @@ private fun HomeSectionHeader(
) { ) {
Text( Text(
text = title, text = title,
style = MaterialTheme.typography.titleMedium, style = MaterialTheme.typography.titleLarge,
modifier = Modifier.weight(1f), modifier = Modifier.weight(1f),
) )
if (onMore != null) { if (onMore != null) {
@@ -270,6 +270,7 @@ private val TILE_SIZE = 132.dp
private val ARTIST_TILE_SIZE = 104.dp private val ARTIST_TILE_SIZE = 104.dp
private val TILE_SPACING = 8.dp private val TILE_SPACING = 8.dp
private val ARTIST_SPACING = 16.dp private val ARTIST_SPACING = 16.dp
private val SECTION_CONTENT_TOP = 12.dp
private const val GENRE_ROWS = 3 private const val GENRE_ROWS = 3
private fun LazyListScope.albumRow( private fun LazyListScope.albumRow(
@@ -288,6 +289,7 @@ private fun LazyListScope.albumRow(
LazyRow( LazyRow(
contentPadding = PaddingValues(horizontal = 16.dp), contentPadding = PaddingValues(horizontal = 16.dp),
horizontalArrangement = Arrangement.spacedBy(TILE_SPACING), horizontalArrangement = Arrangement.spacedBy(TILE_SPACING),
modifier = Modifier.padding(top = SECTION_CONTENT_TOP),
) { ) {
items(albums, key = { it.id }) { album -> items(albums, key = { it.id }) { album ->
val ref = coverArt(album.coverArt, true) val ref = coverArt(album.coverArt, true)
@@ -318,6 +320,7 @@ private fun LazyListScope.artistRow(
LazyRow( LazyRow(
contentPadding = PaddingValues(horizontal = 16.dp), contentPadding = PaddingValues(horizontal = 16.dp),
horizontalArrangement = Arrangement.spacedBy(ARTIST_SPACING), horizontalArrangement = Arrangement.spacedBy(ARTIST_SPACING),
modifier = Modifier.padding(top = SECTION_CONTENT_TOP),
) { ) {
items(artists, key = { it.id }) { artist -> items(artists, key = { it.id }) { artist ->
val ref = coverArt(artist.coverArt, true) val ref = coverArt(artist.coverArt, true)
@@ -348,7 +351,7 @@ private fun LazyListScope.genreBlock(
Modifier Modifier
.fillMaxWidth() .fillMaxWidth()
.horizontalScroll(rememberScrollState()) .horizontalScroll(rememberScrollState())
.padding(horizontal = 16.dp), .padding(start = 16.dp, end = 16.dp, top = SECTION_CONTENT_TOP),
) { ) {
Column(verticalArrangement = Arrangement.spacedBy(TILE_SPACING)) { Column(verticalArrangement = Arrangement.spacedBy(TILE_SPACING)) {
repeat(GENRE_ROWS) { row -> repeat(GENRE_ROWS) { row ->
@@ -379,6 +382,7 @@ private fun LazyListScope.decadeRow(
LazyRow( LazyRow(
contentPadding = PaddingValues(horizontal = 16.dp), contentPadding = PaddingValues(horizontal = 16.dp),
horizontalArrangement = Arrangement.spacedBy(TILE_SPACING), horizontalArrangement = Arrangement.spacedBy(TILE_SPACING),
modifier = Modifier.padding(top = SECTION_CONTENT_TOP),
) { ) {
items(decades, key = { it }) { decade -> items(decades, key = { it }) { decade ->
AssistChip(onClick = { onDecadeClick(decade) }, label = { Text("${decade}s") }) AssistChip(onClick = { onDecadeClick(decade) }, label = { Text("${decade}s") })