Add class for NavigationView and content

This commit is contained in:
Carson Katri 2020-08-04 18:24:08 -04:00
parent bbcd1fb439
commit 7ab7178004
2 changed files with 16 additions and 10 deletions

View File

@ -77,6 +77,20 @@ public let tokamakStyles = """
border-radius: .1em;
}
._tokamak-navigationview {
display: flex;
flex-direction: row;
align-items: stretch;
width: 100%;
height: 100%;
}
._tokamak-navigationview-content {
display: flex; flex-direction: column;
align-items: center; justify-content: center;
flex-grow: 1;
height: 100%;
}
._tokamak-buttonstyle-default,
._tokamak-securefield,
._tokamak-textfield-default,

View File

@ -17,19 +17,11 @@ import TokamakCore
extension NavigationView: ViewDeferredToRenderer {
public var deferredBody: AnyView {
AnyView(HTML("div", [
"style": """
display: flex; flex-direction: row; align-items: stretch;
width: 100%; height: 100%;
""",
"class": "_tokamak-navigationview",
]) {
_NavigationViewProxy(self).content
HTML("div", [
"style": """
display: flex; flex-direction: column;
align-items: center; justify-content: center;
flex-grow: 1;
height: 100%;
""",
"class": "_tokamak-navigationview-content",
]) {
_NavigationViewProxy(self).destination
}