diff --git a/README.md b/README.md index 8ceccce..fb3397e 100644 --- a/README.md +++ b/README.md @@ -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. diff --git a/Sources/App/TerebiApp.swift b/Sources/App/TerebiApp.swift index 1628e49..e2d59ed 100644 --- a/Sources/App/TerebiApp.swift +++ b/Sources/App/TerebiApp.swift @@ -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)