kopia lustrzana https://github.com/miguelvaca/vk3cpu
Fixing row/columns for sliders and plan views
rodzic
2a4f26c7e1
commit
7765ac21b3
11
magloop.css
11
magloop.css
|
@ -22,7 +22,7 @@ section div.slider_container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: rgb(255, 255, 255);
|
background: rgb(255, 255, 255);
|
||||||
border: 0px solid rgb(0, 0, 0);
|
border: 1px solid rgb(0, 0, 0);
|
||||||
margin: 0%;
|
margin: 0%;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
@ -42,7 +42,8 @@ section div.antennaFront-container {
|
||||||
section div.sliders {
|
section div.sliders {
|
||||||
background:rgb(255, 255, 255);
|
background:rgb(255, 255, 255);
|
||||||
font-size: small;
|
font-size: small;
|
||||||
margin: auto;
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
width: auto;
|
width: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
@ -77,7 +78,7 @@ section div.antennaSide-container {
|
||||||
section.gridLayoutClass {
|
section.gridLayoutClass {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
grid-template-rows: repeat(5, 1fr);
|
grid-template-rows: repeat(3, 1fr) 150px 120px;
|
||||||
justify-items: stretch;
|
justify-items: stretch;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -114,8 +115,8 @@ section div.antennaSide-container {
|
||||||
section.gridLayoutClass {
|
section.gridLayoutClass {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(4, 1fr);
|
grid-template-columns: repeat(4, 1fr);
|
||||||
grid-template-rows: repeat(3, 1fr);
|
grid-template-rows: repeat(2, 1fr) 150px;
|
||||||
justify-items: stretch;
|
justify-items: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
section div.chart-container {
|
section div.chart-container {
|
||||||
|
|
|
@ -367,8 +367,8 @@
|
||||||
const win_height = document.getElementById("antenna-front-container").offsetHeight;
|
const win_height = document.getElementById("antenna-front-container").offsetHeight;
|
||||||
//const win_width = afront_canvas.getBoundingClientRect().width;
|
//const win_width = afront_canvas.getBoundingClientRect().width;
|
||||||
//const win_height = afront_canvas.getBoundingClientRect().height;
|
//const win_height = afront_canvas.getBoundingClientRect().height;
|
||||||
afront_canvas.width = win_width-4;
|
afront_canvas.width = win_width-2;
|
||||||
afront_canvas.height = win_height-8;
|
afront_canvas.height = win_height-2;
|
||||||
|
|
||||||
fctx.clearRect(0, 0, win_width, win_height);
|
fctx.clearRect(0, 0, win_width, win_height);
|
||||||
const loop_radius = win_width < win_height ? 0.40 * win_width : 0.40 * win_height; // 100; // loop_diameter_slider.value * 80;
|
const loop_radius = win_width < win_height ? 0.40 * win_width : 0.40 * win_height; // 100; // loop_diameter_slider.value * 80;
|
||||||
|
@ -462,8 +462,8 @@
|
||||||
//const win_width = aside_canvas.getBoundingClientRect().width;
|
//const win_width = aside_canvas.getBoundingClientRect().width;
|
||||||
//const win_height = aside_canvas.getBoundingClientRect().height;
|
//const win_height = aside_canvas.getBoundingClientRect().height;
|
||||||
//console.log(win_width, win_height);
|
//console.log(win_width, win_height);
|
||||||
aside_canvas.width = win_width-4;
|
aside_canvas.width = win_width-2;
|
||||||
aside_canvas.height = win_height-8;
|
aside_canvas.height = win_height-2;
|
||||||
//const win_width = aside_canvas.width;
|
//const win_width = aside_canvas.width;
|
||||||
//const win_height = aside_canvas.height;
|
//const win_height = aside_canvas.height;
|
||||||
sctx.clearRect(0, 0, win_width, win_height);
|
sctx.clearRect(0, 0, win_width, win_height);
|
||||||
|
|
Ładowanie…
Reference in New Issue