kopia lustrzana https://github.com/miguelvaca/vk3cpu
Update toroid.css
rodzic
8c7b76fb8e
commit
80fdfceb8e
28
toroid.css
28
toroid.css
|
@ -22,8 +22,11 @@ canvas.inductorClass {
|
||||||
}
|
}
|
||||||
|
|
||||||
section div.slider_container {
|
section div.slider_container {
|
||||||
|
/*
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
*/
|
||||||
|
height: 140px;
|
||||||
background: rgb(255, 255, 255);
|
background: rgb(255, 255, 255);
|
||||||
border: 1px solid rgb(0, 0, 0);
|
border: 1px solid rgb(0, 0, 0);
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
@ -57,6 +60,12 @@ section div.inductor-container {
|
||||||
border: 1px solid rgb(0, 0, 0);
|
border: 1px solid rgb(0, 0, 0);
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
section div.notes {
|
||||||
|
background: lightgray;
|
||||||
|
min-height: fit-content;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
section div.sliders {
|
section div.sliders {
|
||||||
background:white;
|
background:white;
|
||||||
|
@ -107,7 +116,7 @@ div input {
|
||||||
}
|
}
|
||||||
|
|
||||||
section div.slider_container {
|
section div.slider_container {
|
||||||
height: 20vh;
|
/*height: 20vh;*/
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -116,11 +125,12 @@ div input {
|
||||||
section.gridLayoutClass {
|
section.gridLayoutClass {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
grid-template-rows: 1fr 0.3fr;
|
grid-template-rows: 1fr 0.3fr 0.3fr 2fr;
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"chart-container"
|
"chart-container"
|
||||||
"inductor-container"
|
"inductor-container"
|
||||||
"slider-container";
|
"slider-container"
|
||||||
|
"notes";
|
||||||
justify-items: stretch;
|
justify-items: stretch;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -137,6 +147,11 @@ div input {
|
||||||
}
|
}
|
||||||
|
|
||||||
section div.slider_container {
|
section div.slider_container {
|
||||||
|
min-height: fit-content;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
section div.notes {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -145,11 +160,12 @@ div input {
|
||||||
section.gridLayoutClass {
|
section.gridLayoutClass {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
grid-template-rows: 1fr 0.3fr;
|
grid-template-rows: 1fr 0.3fr 0.2fr 5fr;
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"chart-container"
|
"chart-container"
|
||||||
"inductor-container"
|
"inductor-container"
|
||||||
"slider-container";
|
"slider-container"
|
||||||
|
"notes";
|
||||||
justify-items: stretch;
|
justify-items: stretch;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -167,7 +183,7 @@ div input {
|
||||||
|
|
||||||
section div.slider_container {
|
section div.slider_container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 10vh;
|
/*height: 10vh;*/
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Ładowanie…
Reference in New Issue