I'm trying to figure out the exact height being used in this scenario:
<AppBar position="static">
<Toolbar>
because I'll need that information for a calculation in another component. My current assumption is that it's 64px, but it appears smaller on mobile devices.
return (
<div
style={{
display: "flex",
maxWidth: `calc(calc((100vmin - 64px) * ${this.state.aspectRatio})+200px)`
}}