rushilwiz/robot-gui
1
0
Fork 0
mirror of https://github.com/PotentiaRobotics/robot-gui.git synced 2025-04-09 14:20:16 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

added dropdown and textboxes

Browse Source
This commit is contained in:
ShauryaJ1 2022-10-15 14:22:06 -04:00
parent c8289c94d0
commit 3ac3dee53b
2 changed files with 44 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
bare/index.html
View File

@ -18,43 +18,56 @@
<div class="dropdown d1">
<img src="img-knee.png" class="img-part" />
<p class="measure">360</p>
<label for="fname">Input</label>
<input class="inputbox" type="text" id="fname" name="fname">
<button class="button">Enter</button>
<p class="units">Deg</p>
<img src="drop-img.png" class="img-part img-dd" />
</div>
<div class="dddown1">
<a class="delement" href="#">Position</>
<a class="delement" href="#">Percent</a>
<a class="delement" href="#">Velocity</a>
<a class="delement" href="#">Force</p>
<a class="delement" href="#">Voltage</a>
<select name="input" id="unit">
<option value="Position">Position</option>
<option value="Percent">Percent</option>
<option value="Velocity">Velocity</option>
<option value="Voltage">Voltage</option>
<option value="Force">Force</option>
</select>
</div>
<div class="dropdown d2">
<img src="img-knee.png" class="img-part" />
<p class="measure">360</p>
<label for="fname">Input</label>
<input class="inputbox" type="text" id="fname" name="fname">
<button class="button">Enter</button>
<p class="units">Deg</p>
<img src="drop-img.png" class="img-part img-dd" />
</div>
<div class="dddown2">
<a class="delement" href="#">Position</>
<a class="delement" href="#">Percent</a>
<a class="delement" href="#">Velocity</a>
<a class="delement" href="#">Force</p>
<a class="delement" href="#">Voltage</a>
<select name="input" id="unit">
<option value="Position">Position</option>
<option value="Percent">Percent</option>
<option value="Velocity">Velocity</option>
<option value="Voltage">Voltage</option>
<option value="Force">Force</option>
</select>
</div>
<div class="dropdown d3">
<img src="img-knee.png" class="img-part" />
<p class="measure">360</p>
<label for="fname">Input</label>
<input class="inputbox" type="text" id="fname" name="fname">
<button class="button">Enter</button>
<p class="units">Deg</p>
<img src="drop-img.png" class="img-part img-dd" />
</div>
<div class="dddown3">
<a class="delement" href="#">Position</>
<a class="delement" href="#">Percent</a>
<a class="delement" href="#">Velocity</a>
<a class="delement" href="#">Force</p>
<a class="delement" href="#">Voltage</a>
<select name="input" id="unit">
<option value="Position">Position</option>
<option value="Percent">Percent</option>
<option value="Velocity">Velocity</option>
<option value="Voltage">Voltage</option>
<option value="Force">Force</option>
</select>
</div>
</div>
<div class="panel2-btns">

7
bare/style.css
View File

@ -10,6 +10,10 @@
padding-left: 2.2vw;
padding-right: 2.2vw;
}
.button {
background-color: #223344;
border-color: #223344;
}
.panel2-btns {
position: absolute;
@ -81,6 +85,9 @@
background-color: #223344;
height: 5vh;
}
.inputbox {
width: 80px;
}
.measure {
background-color: #fceaea;