Volle Höhe, eine Kante statt eines Streifens

Der Aufmacher nimmt jetzt achtundachtzig Prozent der sichtbaren Höhe, statt
sich seine Höhe aus 16:9 auszurechnen. Ein Aufmacher, der ein Drittel hoch ist,
sieht aus wie ein breites Vorschaubild; die zwölf Prozent Rest sind Absicht,
dort lugt die erste Reihe herein und sagt, dass es weitergeht. Auf schmalen
Geräten bleibt es beim Hochformat.

`FlixyArtwork` kann dafür den Rahmen ausfüllen, den es bekommt. Das
Seitenverhältnis bleibt trotzdem wichtig — danach werden die Bilder beim Server
angefordert.

Und `glassEffect` ist raus. Er zeichnet an seiner Kante einen Lichtsaum, und
über einem hellen Aufmacher wurde daraus ein heller Balken von mehreren Punkten
Breite neben der Leiste — kein Rand, sondern ein Streifen. Von einer Kante war
gleichzeitig nichts zu erkennen.

Von Hand sind es drei Lagen: ein trübes Material, ein Schleier gegen die
durchziehende Startseite, und ein Haarstrich, der oben links aufhellt und unten
rechts nachlässt. Dazu ein Schatten — was schwebt, wirft einen.

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

Flixy/Views/Home/HeroCarousel.swift

@@ -85,6 +85,16 @@ struct HeroCarousel: View {
                         .offset(x: (1 - cover) * (isMovingForward ? Self.slide : -Self.slide))
                 }
             }
+            // Die Höhe: fast das ganze Fenster.
+            //
+            // Ein Aufmacher, der nur ein Drittel hoch ist, sieht aus wie ein
+            // breites Vorschaubild. Die zwölf Prozent, die übrig bleiben,
+            // sind Absicht — dort lugt die erste Reihe herein und sagt, dass
+            // es weitergeht.
+            //
+            // Auf einem schmalen Gerät nicht: dort ist der Aufmacher hochkant
+            // und rechnet sich seine Höhe aus der Breite aus.
+            .modifier(HeroHeight(fraction: sizeClass == .compact ? nil : 0.88))
             // **Kein** Seitenverhältnis hier: der Aufmacher bringt sein
             // eigenes mit, und eines darüber legte ihn auf die Breite des
             // Inhaltsbereichs fest. Weil er nach links unter die Seitenleiste
@@ -184,3 +194,21 @@ struct HeroCarousel: View {
         }
     }
 }
+
+/// Gibt dem Aufmacher einen Anteil an der sichtbaren Höhe — oder gar nichts.
+///
+/// Eigener Baustein, weil `containerRelativeFrame` sich nicht abschalten lässt:
+/// es wirkt, sobald es dasteht. Ein `if` in der Ansicht brächte den beiden
+/// Zweigen außerdem verschiedene Identitäten ein, und der Aufmacher würde beim
+/// Drehen neu geladen statt mitzuwandern.
+private struct HeroHeight: ViewModifier {
+    let fraction: CGFloat?
+
+    func body(content: Content) -> some View {
+        if let fraction {
+            content.containerRelativeFrame(.vertical) { height, _ in height * fraction }
+        } else {
+            content
+        }
+    }
+}

Flixy/Views/Home/HeroSection.swift

@@ -22,7 +22,12 @@ struct HeroSection: View {
             logoURL: session.backend.flatMap { HeroArtwork.logoURL(for: item, backend: $0) },
             // Auf dem iPhone hochkant: 16:9 ließ dem Text so wenig Platz, dass
             // Schriftzug und Beschreibung übereinanderlagen.
-            aspectRatio: HeroArtwork.aspectRatio(compact: sizeClass == .compact)
+            aspectRatio: HeroArtwork.aspectRatio(compact: sizeClass == .compact),
+            // Auf einem großen Bildschirm nimmt der Aufmacher die Höhe, die
+            // das Karussell ihm gibt — sonst wäre er so hoch, wie 16:9 es
+            // vorschreibt, und darüber und darunter bliebe der halbe
+            // Bildschirm leer.
+            fillsAvailableSpace: sizeClass != .compact
         ) {
             Button {
                 playback.play(item)