Fix et2-vbox center alignment

This commit is contained in:
nathan 2023-04-11 11:58:12 -06:00
parent 978e858d8d
commit 85f9ef0c6f

View File

@ -150,14 +150,21 @@ export class Et2VBox extends Et2Box
return [
...super.styles,
css`
:host > div {
flex-direction: column;
}
/* CSS for child elements */
::slotted(*) {
/* Stop children from growing vertically. In general we want them to stay their "normal" height */
flex-grow: 0;
}
:host > div {
flex-direction: column;
}
:host([align="center"]) > div {
align-items: center;
}
/* CSS for child elements */
::slotted(*) {
/* Stop children from growing vertically. In general we want them to stay their "normal" height */
flex-grow: 0;
}
`
];
}