mirror of
https://github.com/austinried/subtracks.git
synced 2026-11-11 15:29:15 +01:00
home: larger section headers and even header-to-content spacing
This commit is contained in:
@@ -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") })
|
||||||
|
|||||||
Reference in New Issue
Block a user