style: clear queue fade and stack row actions
This commit is contained in:
+17
-15
@@ -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)
|
||||
|
||||
Reference in New Issue
Block a user