Makussu/subtracks
1
0
Fork 0
mirror of https://github.com/austinried/subtracks.git synced 2026-11-10 15:11:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

join play and shuffle into one split pill

Browse Source
This commit is contained in:
austinried
2026-10-04 00:29:56 +00:00
parent a3de58b7b8
commit ebf0653ec4
1 changed files with 27 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/main/kotlin/com/subtracks/ui/components/HeroDetailScaffold.kt
+27 -14
View File
@@ -22,6 +22,7 @@ import androidx.compose.foundation.layout.width
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.LazyListScope
import androidx.compose.foundation.lazy.rememberLazyListState
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.automirrored.rounded.ArrowBack
import androidx.compose.material.icons.rounded.Download
@@ -261,22 +262,34 @@ fun HeroHeader(
}
Row(
modifier = Modifier.weight(1f),
horizontalArrangement = Arrangement.spacedBy(16.dp, Alignment.CenterHorizontally),
horizontalArrangement = Arrangement.Center,
verticalAlignment = Alignment.CenterVertically,
) {
FilledIconButton(
onClick = onPlay,
enabled = hasSongs,
modifier = Modifier.width(76.dp).height(48.dp),
) {
Icon(Icons.Rounded.PlayArrow, contentDescription = "Play", modifier = Modifier.size(30.dp))
}
FilledIconButton(
onClick = onShuffle,
enabled = hasSongs,
modifier = Modifier.width(76.dp).height(48.dp),
) {
Icon(Icons.Rounded.Shuffle, contentDescription = "Shuffle play", modifier = Modifier.size(30.dp))
Box(contentAlignment = Alignment.Center) {
Row {
FilledIconButton(
onClick = onPlay,
enabled = hasSongs,
shape = RoundedCornerShape(topStart = 24.dp, bottomStart = 24.dp),
modifier = Modifier.width(56.dp).height(48.dp),
) {
Icon(Icons.Rounded.PlayArrow, contentDescription = "Play", modifier = Modifier.size(30.dp))
}
FilledIconButton(
onClick = onShuffle,
enabled = hasSongs,
shape = RoundedCornerShape(topEnd = 24.dp, bottomEnd = 24.dp),
modifier = Modifier.width(56.dp).height(48.dp),
) {
Icon(Icons.Rounded.Shuffle, contentDescription = "Shuffle play", modifier = Modifier.size(30.dp))
}
}
Box(
Modifier
.width(1.dp)
.height(20.dp)
.background(MaterialTheme.colorScheme.onPrimary.copy(alpha = 0.35f)),
)
}
}
IconButton(onClick = onMore, modifier = Modifier.padding(horizontal = 8.dp)) {