Adjusts the monster detail view so it makes better use of small screens.

This commit is contained in:
2021-03-21 20:28:05 -07:00
parent 3439dbda42
commit a59571aae8

View File

@@ -8,6 +8,8 @@
import SwiftUI import SwiftUI
struct LabeledField<Content: View>: View { struct LabeledField<Content: View>: View {
@Environment(\.horizontalSizeClass) var sizeClass
let content: Content let content: Content
let label: String let label: String
@@ -19,6 +21,13 @@ struct LabeledField<Content: View>: View {
} }
var body: some View { var body: some View {
if (sizeClass == .compact) {
VStack(alignment: .leading) {
Text(label)
.fontWeight(.bold)
content
}
} else {
HStack(alignment: .top) { HStack(alignment: .top) {
Text(label) Text(label)
.fontWeight(.bold) .fontWeight(.bold)
@@ -26,6 +35,7 @@ struct LabeledField<Content: View>: View {
} }
} }
} }
}
struct SectionDivider: View { struct SectionDivider: View {
var body: some View { var body: some View {