style: clear queue fade and stack row actions

This commit is contained in:
2026-10-18 21:18:22 +02:00
parent 0084609a00
commit c551203af2
3 changed files with 20 additions and 17 deletions
+17 -15
View File
@@ -2307,16 +2307,27 @@ private struct PlayerContent: View {
private var queueSidebar: some View {
VStack(spacing: 0) {
Color.clear.frame(height: 32)
Color.clear.frame(height: 52)
List {
ForEach(model.queue.items) { item in
let isCurrent = item.id == model.queue.currentID
HStack(spacing: 8) {
Image(systemName: isCurrent ? "play.fill" : "film")
.font(.system(size: 12))
.foregroundStyle(isCurrent ? Color(SunsetPalette.accent) : Color(SunsetPalette.secondaryText).opacity(0.6))
.frame(width: 20, alignment: .center)
.accessibilityLabel(isCurrent ? "Current item" : "Queued item")
VStack(spacing: 4) {
Image(systemName: isCurrent ? "play.fill" : "film")
.font(.system(size: 12))
.foregroundStyle(isCurrent ? Color(SunsetPalette.accent) : Color(SunsetPalette.secondaryText).opacity(0.6))
.frame(width: 20, alignment: .center)
.accessibilityLabel(isCurrent ? "Current item" : "Queued item")
Button { model.removeQueueItem(item.id) } label: {
Image(systemName: "minus.circle")
.font(.system(size: 12))
.foregroundStyle(.secondary)
.frame(width: 20, height: 24)
}
.buttonStyle(.plain)
.help("Remove from Queue")
.accessibilityLabel("Remove \(item.url.lastPathComponent) from Queue")
}
VStack(alignment: .leading, spacing: 3) {
Text(item.url.deletingPathExtension().lastPathComponent)
.font(.system(size: 13, weight: .medium))
@@ -2331,15 +2342,6 @@ private struct PlayerContent: View {
}
}
.frame(maxWidth: .infinity, alignment: .leading)
Button { model.removeQueueItem(item.id) } label: {
Image(systemName: "minus.circle")
.font(.system(size: 12))
.foregroundStyle(.secondary)
.frame(width: 20, height: 24)
}
.buttonStyle(.plain)
.help("Remove from Queue")
.accessibilityLabel("Remove \(item.url.lastPathComponent) from Queue")
}
.padding(.vertical, 8)
.padding(.horizontal, 4)