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>

Packages/FlixyKit/Sources/FlixyDesign/Components/HeroBanner.swift

@@ -15,6 +15,8 @@ public struct HeroBanner<Actions: View>: View {
     /// eigenen Schrift ist wiedererkennbar, eine Systemschrift nicht.
     private let logoURL: URL?
     private let aspectRatio: CGFloat
+    /// Ob der Aufmacher den Platz einnimmt, den er bekommt.
+    private let fillsAvailableSpace: Bool
     private let actions: Actions
 
     @State private var logo: PlatformImage?
@@ -38,6 +40,7 @@ public struct HeroBanner<Actions: View>: View {
         // kräftig beschnitten, und vom Aufmacher war nur ein Ausschnitt zu
         // sehen.
         aspectRatio: CGFloat = FlixyAspectRatio.hero,
+        fillsAvailableSpace: Bool = false,
         @ViewBuilder actions: () -> Actions
     ) {
         self.title = title
@@ -46,6 +49,7 @@ public struct HeroBanner<Actions: View>: View {
         self.artworkURL = artworkURL
         self.logoURL = logoURL
         self.aspectRatio = aspectRatio
+        self.fillsAvailableSpace = fillsAvailableSpace
         self.actions = actions()
     }
 
@@ -121,7 +125,7 @@ public struct HeroBanner<Actions: View>: View {
     }
 
     public var body: some View {
-        FlixyArtwork(url: artworkURL, aspectRatio: aspectRatio)
+        FlixyArtwork(url: artworkURL, aspectRatio: aspectRatio, fillsFrame: fillsAvailableSpace)
             // Bis unter die Leiste und an den Fensterrand.
             //
             // Hier stand `backgroundExtensionEffect()`. Der spiegelt den