mirror of
https://github.com/yattee/yattee.git
synced 2026-05-12 18:35:05 +00:00
Make watched checkmark prominent on tvOS thumbnails
Bump glyph size, force white-on-black palette, and add a drop shadow so the indicator stays readable on unfocused thumbnails from couch distance.
This commit is contained in:
@@ -131,11 +131,20 @@ struct VideoThumbnailView: View {
|
|||||||
@ViewBuilder
|
@ViewBuilder
|
||||||
private var watchedCheckmark: some View {
|
private var watchedCheckmark: some View {
|
||||||
if isWatched && !isLive {
|
if isWatched && !isLive {
|
||||||
|
#if os(tvOS)
|
||||||
|
Image(systemName: "checkmark.circle.fill")
|
||||||
|
.font(.system(size: cornerRadius > 6 ? 32 : 22, weight: .bold))
|
||||||
|
.symbolRenderingMode(.palette)
|
||||||
|
.foregroundStyle(Color.white, Color.black)
|
||||||
|
.shadow(color: .black.opacity(0.5), radius: 4, x: 0, y: 2)
|
||||||
|
.padding(cornerRadius > 6 ? 4 : 2)
|
||||||
|
#else
|
||||||
Image(systemName: "checkmark.circle.fill")
|
Image(systemName: "checkmark.circle.fill")
|
||||||
.font(.system(size: cornerRadius > 6 ? 20 : 14))
|
.font(.system(size: cornerRadius > 6 ? 20 : 14))
|
||||||
.symbolRenderingMode(.palette)
|
.symbolRenderingMode(.palette)
|
||||||
.foregroundStyle(.background, .tint)
|
.foregroundStyle(.background, .tint)
|
||||||
.padding(cornerRadius > 6 ? 3 : 2)
|
.padding(cornerRadius > 6 ? 3 : 2)
|
||||||
|
#endif
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user