fix: balance queue row spacing and icon margins
This commit is contained in:
@@ -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.
|
||||
|
||||
@@ -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")
|
||||
|
||||
Reference in New Issue
Block a user