fix: square queue add button and increase header spacing
This commit is contained in:
@@ -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.
|
||||
|
||||
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.
|
||||
|
||||
|
||||
@@ -2295,8 +2295,12 @@ private struct PlayerContent: View {
|
||||
.accessibilityElement(children: .combine)
|
||||
Button(action: model.addQueuePanel) {
|
||||
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…")
|
||||
.accessibilityLabel("Add to Queue…")
|
||||
.disabled(!model.canOpen)
|
||||
|
||||
Reference in New Issue
Block a user