mirror
/
vk3cpu
kopia lustrzana https://github.com/miguelvaca/vk3cpu
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Fixed layout

pull/2/head
miguel 2021-08-28 14:06:36 +10:00
rodzic fbc6f28bfb
commit 7f8f3b7f83
2 zmienionych plików z 31 dodań i 22 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

31
magloop.css
Wyświetl plik

@ -57,13 +57,15 @@ section div.sliders {
}
section div.radios {
background:white;
display: inline-block;
font-size: small;
margin: 3px;
padding: 3px;
width: auto;
height: auto;
width: 100%;
height: 100%;
background: rgb(255, 255, 255);
margin: 0px;
padding: 0px;
/*display: inline-block;*/
box-sizing: border-box;
display: flex;
flex-direction: row;
}
div label {
@ -96,7 +98,7 @@ section div.antennaSide-container {
section.gridLayoutClass {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr) 150px 160px 300px;
grid-template-rows: repeat(3, 1fr) 150px 150px 300px;
justify-items: stretch;
}
@ -116,12 +118,14 @@ section div.antennaSide-container {
grid-row-start: 4;
grid-row-end: 5;
}
section div.antennaSide-container {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 4;
grid-row-end: 5;
}
section div.slider_container {
grid-column-start: 1;
grid-column-end: 3;
@ -141,7 +145,7 @@ section div.antennaSide-container {
section.gridLayoutClass {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr) 150px 300px;
grid-template-rows: repeat(2, 1fr) 160px 300px;
justify-items: stretch;
}
@ -161,12 +165,21 @@ section div.antennaSide-container {
grid-row-start: 3;
grid-row-end: 4;
}
section div.radio_container {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 4;
grid-row-end: 5;
}
section div.antennaFront-container {
grid-column-start: 3;
grid-column-end: 4;
grid-row-start: 3;
grid-row-end: 4;
}
section div.antennaSide-container {
grid-column-start: 4;
grid-column-end: 5;

22
magloop.html
Wyświetl plik

@ -7,7 +7,7 @@
<link rel="stylesheet" href="magloop.css">
</head>
<body>
<header>Miguel <a href="mailto:vk3cpu@gmail.com">VK3CPU</a> - Magloop Antenna Calculator v3</header>
<header>Miguel <a href="mailto:vk3cpu@gmail.com">VK3CPU</a> - Magloop Antenna Calculator v3 Beta</header>
<section class="gridLayoutClass">
<div class="chart-container" style="position: relative;">
<canvas id="chartCanvas" class="chartCanvasClass">
@ -36,18 +36,14 @@
<input type="range" id="transmit_power_slider" min="5" max="1500" value="400" step="5">
</div>
<div class="radios">
<label>
<input type="radio" name="unit_radio" id="metric_radio" value="metric" checked/>Metric
</label>
<label>
<input type="radio" name="unit_radio" id="imperial_radio" value="imperial"/>Imperial
</label>
<label>
<input type="radio" name="metal_radio" id="copper_radio" value="copper" checked/>Cu
</label>
<label>
<input type="radio" name="metal_radio" id="aluminium_radio" value="aluminium"/>Al
</label>
<label>Metric</label>
<input type="radio" name="unit_radio" id="metric_radio" value="metric" checked/>
<label>Imperial</label>
<input type="radio" name="unit_radio" id="imperial_radio" value="imperial"/>
<label>Cu</label>
<input type="radio" name="metal_radio" id="copper_radio" value="copper" checked/>
<label>Al</label>
<input type="radio" name="metal_radio" id="aluminium_radio" value="aluminium"/>
</div>
</div>
<div id="antenna-front-container" class="antennaFront-container" style="position: relative;">