fix some layout

This commit is contained in:
PangMo5 2021-08-06 20:32:08 +09:00
parent aa23216a1a
commit 6af599f274
1 changed files with 10 additions and 2 deletions

View File

@ -66,6 +66,7 @@ struct SeriesItemView: View {
Text(firstTagline).font(.body).italic() Text(firstTagline).font(.body).italic()
.fixedSize(horizontal: false, vertical: true) .fixedSize(horizontal: false, vertical: true)
.padding(.bottom, 8) .padding(.bottom, 8)
.padding(.horizontal, 16)
} }
if let genreItems = viewModel.item.genreItems, if let genreItems = viewModel.item.genreItems,
!genreItems.isEmpty !genreItems.isEmpty
@ -81,6 +82,7 @@ struct SeriesItemView: View {
} }
} }
} }
.padding(.horizontal, 16)
} }
.padding(.bottom, 8) .padding(.bottom, 8)
} }
@ -88,10 +90,11 @@ struct SeriesItemView: View {
.font(.footnote) .font(.footnote)
.fixedSize(horizontal: false, vertical: true) .fixedSize(horizontal: false, vertical: true)
.padding(.bottom, 16) .padding(.bottom, 16)
.padding(.horizontal, 16)
Text("Seasons") Text("Seasons")
.font(.callout).fontWeight(.semibold) .font(.callout).fontWeight(.semibold)
}
.padding(.horizontal, 16) .padding(.horizontal, 16)
}
.padding(.top, 24) .padding(.top, 24)
LazyVGrid(columns: tracks) { LazyVGrid(columns: tracks) {
ForEach(viewModel.seasons, id: \.id) { season in ForEach(viewModel.seasons, id: \.id) { season in
@ -99,6 +102,7 @@ struct SeriesItemView: View {
} }
} }
.padding(.bottom, 16) .padding(.bottom, 16)
.padding(.horizontal, 8)
LazyVStack(alignment: .leading, spacing: 0) { LazyVStack(alignment: .leading, spacing: 0) {
if let people = viewModel.item.people, if let people = viewModel.item.people,
!people.isEmpty !people.isEmpty
@ -106,6 +110,7 @@ struct SeriesItemView: View {
Text("CAST") Text("CAST")
.font(.callout).fontWeight(.semibold) .font(.callout).fontWeight(.semibold)
.padding(.bottom, 8) .padding(.bottom, 8)
.padding(.horizontal, 16)
ScrollView(.horizontal, showsIndicators: false) { ScrollView(.horizontal, showsIndicators: false) {
LazyHStack(spacing: 16) { LazyHStack(spacing: 16) {
ForEach(people, id: \.self) { person in ForEach(people, id: \.self) { person in
@ -132,6 +137,7 @@ struct SeriesItemView: View {
} }
} }
} }
.padding(.horizontal, 16)
} }
.padding(.bottom, 16) .padding(.bottom, 16)
} }
@ -149,6 +155,7 @@ struct SeriesItemView: View {
} }
} }
} }
.padding(.horizontal, 16)
} }
.padding(.bottom, 16) .padding(.bottom, 16)
} }
@ -156,6 +163,7 @@ struct SeriesItemView: View {
Text("More Like This") Text("More Like This")
.font(.callout).fontWeight(.semibold) .font(.callout).fontWeight(.semibold)
.padding(.bottom, 8) .padding(.bottom, 8)
.padding(.horizontal, 16)
ScrollView(.horizontal, showsIndicators: false) { ScrollView(.horizontal, showsIndicators: false) {
LazyHStack(spacing: 16) { LazyHStack(spacing: 16) {
ForEach(viewModel.similarItems, id: \.self) { similarItem in ForEach(viewModel.similarItems, id: \.self) { similarItem in
@ -164,11 +172,11 @@ struct SeriesItemView: View {
} }
} }
} }
.padding(.horizontal, 16)
} }
.padding(.bottom, 16) .padding(.bottom, 16)
} }
} }
.padding(.horizontal, 16)
} }
} }