Das Aufmacherbild lag im falschen Format, und die Punkte fehlten

Drei Dinge aus einer Runde Rückmeldungen.

Die Detailseiten forderten ihr Bild in 900×1200 an — hochkant — und
zeigten es in einem 16:9-Rahmen; zu sehen war ein Streifen aus der
Mitte. Derselbe Fehler war im Aufmacher schon einmal behoben worden, nur
hier nicht. Beide gehen jetzt über HeroArtwork, wo die richtigen Maße
schon stehen.

Im Web hingen die Karussellpunkte neben dem Aufmacher, das CSS zielte
aber hinein — sie waren unsichtbar. Jetzt sind sie da, anklickbar, und
es gibt Pfeile, Wischen und Pfeiltasten dazu. Wer selbst blättert, hält
das Weiterwechseln an: sonst springt der Aufmacher genau in der Sekunde,
in der man nach "Abspielen" greift.

Dazu Seitenleiste und Einstellungen fürs Web — Akzentfarbe aus derselben
Palette wie die App, Navigation oben oder seitlich, und ein Regler für
die Kachelgröße. Das Filmlogo ist um zehn Prozent gewachsen.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

Flixy/Views/Detail/PlayableDetailView.swift

@@ -11,6 +11,7 @@ struct PlayableDetailView: View {
     @Environment(PlaybackCoordinator.self) private var playback
     @Environment(\.flixyAccent) private var accent
 
+    @Environment(\.horizontalSizeClass) private var sizeClass
     @State private var selectedVersion = 0
     @State private var showsTechnicalDetails = false
 
@@ -72,11 +73,13 @@ struct PlayableDetailView: View {
             metadata: item.kind == .episode ? nil : metadataLine,
             metadataContent: item.kind == .episode ? AnyView(episodeMetadata) : nil,
             summary: nil,
-            artworkURL: session.backend?.artworkURL(
-                path: item.art ?? item.seriesArt ?? item.thumb,
-                width: 900,
-                height: 1200
-            ),
+            // Über `HeroArtwork`, nicht von Hand: hier standen 900×1200 —
+            // hochkant — für ein Bild, das im 16:9-Rahmen landet. Zu sehen war
+            // davon ein Streifen aus der Mitte. Derselbe Fehler war im
+            // Aufmacher schon einmal behoben worden, nur hier nicht.
+            artworkURL: session.backend.flatMap {
+                HeroArtwork.backdropURL(for: item, backend: $0, compact: sizeClass == .compact)
+            },
             logoURL: session.backend?.rawImageURL(path: item.clearLogoPath)
         ) {
             Button {

Flixy/Views/Detail/SeriesDetailView.swift

@@ -10,6 +10,7 @@ struct SeriesDetailView: View {
     let item: MediaItem
 
     @Environment(FlixySession.self) private var session
+    @Environment(\.horizontalSizeClass) private var sizeClass
     @State private var children: LoadState<[MediaItem]> = .loading
 
     var body: some View {
@@ -44,11 +45,13 @@ struct SeriesDetailView: View {
             title: item.rowTitle,
             metadata: metadataLine,
             summary: nil,
-            artworkURL: session.backend?.artworkURL(
-                path: item.art ?? item.thumb,
-                width: 900,
-                height: 1200
-            ),
+            // Über `HeroArtwork`, nicht von Hand: hier standen 900×1200 —
+            // hochkant — für ein Bild, das im 16:9-Rahmen landet. Zu sehen war
+            // davon ein Streifen aus der Mitte. Derselbe Fehler war im
+            // Aufmacher schon einmal behoben worden, nur hier nicht.
+            artworkURL: session.backend.flatMap {
+                HeroArtwork.backdropURL(for: item, backend: $0, compact: sizeClass == .compact)
+            },
             logoURL: session.backend?.rawImageURL(path: item.clearLogoPath)
         ) {
             DownloadAllButton(container: item)