fix: square queue add button and increase header spacing

This commit is contained in:
2026-10-18 19:20:18 +02:00
parent a17b2fc7d7
commit 4dcc5414e9
2 changed files with 6 additions and 2 deletions
+1 -1
View File
@@ -61,7 +61,7 @@ Active playback prevents idle system sleep. Local video also keeps the display a
Use the **Queue** icon immediately left of the compact-mode button in the playback controls, or **View → Show Queue**, to show the editable sidebar. The **+** button beside the queue count opens **Add to Queue…**; it and dropping files onto the sidebar append without replacing the queue or interrupting the current item. Drag rows to reorder, remove them with the minus button, and double-click a row to play it. The current item is marked; context menus also offer Play, Remove and Move Up/Down. Use the **Queue** icon immediately left of the compact-mode button in the playback controls, or **View → Show Queue**, to show the editable sidebar. The **+** button beside the queue count opens **Add to Queue…**; it and dropping files onto the sidebar append without replacing the queue or interrupting the current item. Drag rows to reorder, remove them with the minus button, and double-click a row to play it. The current item is marked; context menus also offer Play, Remove and Move Up/Down.
The header's **+** uses the same bordered container and accent tint as the former **Add to Queue…** button. The header's **+** is a 24-point rounded-square button with an accent-tinted background and an 8-point gap after the queue count.
The navigation row has extra space above it. Queue rows use equal-width leading and remove-icon slots, with 8-point outer insets matching the gaps between icons and filenames and no additional horizontal scroll-content margin. The navigation row has extra space above it. Queue rows use equal-width leading and remove-icon slots, with 8-point outer insets matching the gaps between icons and filenames and no additional horizontal scroll-content margin.
+5 -1
View File
@@ -2295,8 +2295,12 @@ private struct PlayerContent: View {
.accessibilityElement(children: .combine) .accessibilityElement(children: .combine)
Button(action: model.addQueuePanel) { Button(action: model.addQueuePanel) {
Image(systemName: "plus") Image(systemName: "plus")
.frame(width: 24, height: 24)
.background(Color(SunsetPalette.accent).opacity(0.1), in: RoundedRectangle(cornerRadius: 6))
} }
.buttonStyle(.bordered) .buttonStyle(.plain)
.foregroundStyle(Color(SunsetPalette.accent))
.padding(.leading, 4)
.help("Add to Queue…") .help("Add to Queue…")
.accessibilityLabel("Add to Queue…") .accessibilityLabel("Add to Queue…")
.disabled(!model.canOpen) .disabled(!model.canOpen)