From 71ba882858f70d35b8d22a83af3024cc8fbd4486 Mon Sep 17 00:00:00 2001 From: Admin Date: Sun, 8 Mar 2026 13:40:53 +0500 Subject: [PATCH] iOS: improve mini player progress indicator to wrap around pill shape - Changed progress bar from RoundedRectangle to Capsule for rounded ends - Added horizontal padding so indicator wraps nicely around bottom corners - Progress bar now feels like an integrated part of the pill-shaped mini player --- .../LibNovel/Views/Player/PlayerViews.swift | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/ios/LibNovel/LibNovel/Views/Player/PlayerViews.swift b/ios/LibNovel/LibNovel/Views/Player/PlayerViews.swift index 03e41d1..6050970 100644 --- a/ios/LibNovel/LibNovel/Views/Player/PlayerViews.swift +++ b/ios/LibNovel/LibNovel/Views/Player/PlayerViews.swift @@ -119,24 +119,25 @@ struct MiniPlayerView: View { .fill(Color.black.opacity(0.3)) ) - // Progress indicator as bottom border + // Progress indicator - wraps around bottom corners of pill GeometryReader { geo in VStack { Spacer() ZStack(alignment: .leading) { - // Background track - RoundedRectangle(cornerRadius: 1) + // Background track - rounded to match pill shape + Capsule() .fill(Color.white.opacity(0.2)) .frame(height: 3) - // Progress fill - RoundedRectangle(cornerRadius: 1) + // Progress fill - rounded to match pill shape + Capsule() .fill(Color.amber) - .frame(width: geo.size.width * progress, height: 3) + .frame(width: max(3, geo.size.width * progress), height: 3) } + .padding(.horizontal, 4) // Inset slightly from edges so it wraps nicely } } - .padding(.bottom, 0) + .padding(.bottom, 2) } ) .frame(height: 80)