diff --git a/toroid.css b/toroid.css index a51a3a9..8afd531 100644 --- a/toroid.css +++ b/toroid.css @@ -34,6 +34,18 @@ section div.slider_container { flex-direction: column; } +section div.chart-container { + width: 100%; + height: 100%; + display: block; + box-sizing: border-box; + margin: 0px; + padding: 0px; + background: white; + border: 1px solid rgb(0, 0, 0); + position: relative; +} + section div.inductor-container { width: 100%; height: 100%; @@ -76,13 +88,20 @@ div input { grid-template-columns: 1fr; grid-template-rows: 1fr 0.3fr; grid-template-areas: + "chart-container" "inductor-container" "slider-container"; justify-items: stretch; } + section div.chart-container { + height: 100vw; + width: 100vw; + box-sizing: border-box; + } + section div.inductor-container { - height: 55vh; + height: 35vh; width: 100vw; box-sizing: border-box; } @@ -98,17 +117,24 @@ div input { grid-template-columns: 1fr; grid-template-rows: 1fr 0.3fr; grid-template-areas: + "chart-container" "inductor-container" "slider-container"; justify-items: stretch; } - section div.inductor-container { + section div.chart-container { height: 100vh; width: 100vw; box-sizing: border-box; } + section div.inductor-container { + height: 70vh; + width: 100vw; + box-sizing: border-box; + } + section div.slider_container { width: 100%; } diff --git a/toroid.html b/toroid.html index 08f3eb3..d6fd008 100644 --- a/toroid.html +++ b/toroid.html @@ -7,8 +7,13 @@
-