Detail sheet: reorder to title → route → photo
User asked for this order. Photo now slots between routeSection and LIVE STATE rather than living as a hero above the title. Used a -16 horizontal padding so the photo still goes full-bleed inside the otherwise-16pt-padded content stack. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
@@ -38,17 +38,24 @@ struct LiveFlightDetailSheet: View {
|
||||
var body: some View {
|
||||
NavigationStack {
|
||||
ScrollView {
|
||||
VStack(alignment: .leading, spacing: 0) {
|
||||
photoBanner
|
||||
|
||||
VStack(alignment: .leading, spacing: 16) {
|
||||
header
|
||||
|
||||
// Depart → Arrival lives directly under the callsign
|
||||
// Depart → Arrival sits directly under the callsign
|
||||
// header — it's the single most important thing the
|
||||
// user opened the sheet to see.
|
||||
routeSection
|
||||
|
||||
// Aircraft photo follows the route. Negative
|
||||
// horizontal padding lets the photo break out of the
|
||||
// 16pt content padding to be full-bleed edge-to-edge.
|
||||
photoBanner
|
||||
.padding(.horizontal, -16)
|
||||
|
||||
if let photo = aircraftPhoto, let credit = photo.photographer {
|
||||
photoCredit(name: credit, link: photo.detailLink)
|
||||
}
|
||||
|
||||
Divider()
|
||||
|
||||
Text("LIVE STATE")
|
||||
@@ -77,14 +84,9 @@ struct LiveFlightDetailSheet: View {
|
||||
.padding(.top, 4)
|
||||
|
||||
aircraftCard
|
||||
|
||||
if let photo = aircraftPhoto, let credit = photo.photographer {
|
||||
photoCredit(name: credit, link: photo.detailLink)
|
||||
}
|
||||
}
|
||||
.padding(16)
|
||||
}
|
||||
}
|
||||
.background(FlightTheme.background.ignoresSafeArea())
|
||||
.toolbar {
|
||||
ToolbarItem(placement: .cancellationAction) {
|
||||
|
||||
Reference in New Issue
Block a user