style: match queue footer typography to media rows

This commit is contained in:
2026-10-18 20:52:41 +02:00
parent ddf53ea606
commit b8275635f0
2 changed files with 6 additions and 6 deletions
+1 -1
View File
@@ -63,7 +63,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 fixed bottom row holds the queue label/count and **+** on the left, with previous/next controls on the right. Its text and icons share a 15-point size. The **+** is a 20-point rounded-square button with an accent-tinted background and an 8-point gap after the queue count.
The fixed bottom row holds the queue label/count and **+** on the left, with previous/next controls on the right. Its text matches the rows' 13-point medium-weight filenames, and its icons match the rows' 12-point icons. The **+** is a 20-point rounded-square button with an accent-tinted background and an 8-point gap after the queue count; navigation buttons retain their 24-point hit areas.
Queue rows show a medium-weight, two-line filename without its extension, with a smaller format label beneath it. Rows have a 56-point minimum height, 8-point vertical and 4-point horizontal internal padding, and no horizontal outer insets; leading and remove icons are smaller and subdued. The current item has an accent play marker and a subtle rounded highlight. Full filenames and paths remain available in row tooltips.
+5 -5
View File
@@ -2364,14 +2364,14 @@ private struct PlayerContent: View {
}
HStack(spacing: 4) {
HStack(spacing: 4) {
Text("Queue").fontWeight(.semibold)
Text("Queue")
Text("\(model.queue.items.count)").foregroundStyle(.secondary)
}
.font(.system(size: 15))
.font(.system(size: 13, weight: .medium))
.accessibilityElement(children: .combine)
Button(action: model.addQueuePanel) {
Image(systemName: "plus")
.font(.system(size: 15))
.font(.system(size: 12))
.frame(width: 20, height: 20)
.background(Color(SunsetPalette.accent).opacity(0.1), in: RoundedRectangle(cornerRadius: 6))
}
@@ -2382,9 +2382,9 @@ private struct PlayerContent: View {
.accessibilityLabel("Add to Queue…")
.disabled(!model.canOpen)
Spacer()
iconButton("backward.end.fill", "Previous Queue Item", size: 15) { model.advanceQueue(-1) }
iconButton("backward.end.fill", "Previous Queue Item", size: 12) { model.advanceQueue(-1) }
.disabled(!model.canPreviousQueueItem)
iconButton("forward.end.fill", "Next Queue Item", size: 15) { model.advanceQueue(1) }
iconButton("forward.end.fill", "Next Queue Item", size: 12) { model.advanceQueue(1) }
.disabled(!model.canNextQueueItem)
}
.padding(.horizontal, 12)