fix: balance queue row spacing and icon margins

This commit is contained in:
2026-10-18 15:57:45 +02:00
parent b43152da4c
commit b499b3f871
2 changed files with 4 additions and 0 deletions
+2
View File
@@ -57,6 +57,8 @@ Active playback prevents idle system sleep. Local video also keeps the display a
Use the titlebar's **Queue** icon or **View → Show Queue** to show the editable sidebar. **Add to Queue…** 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 navigation/Add row has extra space above it, and queue rows use equal-width leading and remove-icon slots for balanced side margins.
In a normal window, showing the queue expands the window outward while preserving the video's size; hiding it removes that extra width. The sidebar meets the video directly, without a separate divider gap. The window shifts left when necessary near the screen's right edge. Fullscreen keeps its fixed bounds.
Resizing with the queue open preserves the video's aspect ratio while keeping the sidebar at a fixed width; closing the queue retains ordinary aspect-locked video resizing.
+2
View File
@@ -2308,6 +2308,7 @@ private struct PlayerContent: View {
Button("Add to Queue…", action: model.addQueuePanel).disabled(!model.canOpen)
}
.padding(.horizontal, 12)
.padding(.top, 8)
.padding(.bottom, 8)
List {
ForEach(model.queue.items) { item in
@@ -2322,6 +2323,7 @@ private struct PlayerContent: View {
.frame(maxWidth: .infinity, alignment: .leading)
Button { model.removeQueueItem(item.id) } label: {
Image(systemName: "minus.circle")
.frame(width: 20, alignment: .center)
}
.buttonStyle(.plain)
.help("Remove from Queue")