rushilwiz/robot-gui
1
0
Fork 0
mirror of https://github.com/PotentiaRobotics/robot-gui.git synced 2025-04-20 11:00:15 -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"> <div class="dropdown d1">
<img src="img-knee.png" class="img-part" /> <img src="img-knee.png" class="img-part" />
<p class="measure">360</p> <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> <p class="units">Deg</p>
<img src="drop-img.png" class="img-part img-dd" /> <select name="input" id="unit">
</div> <option value="Position">Position</option>
<div class="dddown1"> <option value="Percent">Percent</option>
<a class="delement" href="#">Position</> <option value="Velocity">Velocity</option>
<a class="delement" href="#">Percent</a> <option value="Voltage">Voltage</option>
<a class="delement" href="#">Velocity</a> <option value="Force">Force</option>
<a class="delement" href="#">Force</p> </select>
<a class="delement" href="#">Voltage</a>
</div> </div>
<div class="dropdown d2"> <div class="dropdown d2">
<img src="img-knee.png" class="img-part" /> <img src="img-knee.png" class="img-part" />
<p class="measure">360</p> <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> <p class="units">Deg</p>
<img src="drop-img.png" class="img-part img-dd" /> <select name="input" id="unit">
</div> <option value="Position">Position</option>
<div class="dddown2"> <option value="Percent">Percent</option>
<a class="delement" href="#">Position</> <option value="Velocity">Velocity</option>
<a class="delement" href="#">Percent</a> <option value="Voltage">Voltage</option>
<a class="delement" href="#">Velocity</a> <option value="Force">Force</option>
<a class="delement" href="#">Force</p> </select>
<a class="delement" href="#">Voltage</a>
</div> </div>
<div class="dropdown d3"> <div class="dropdown d3">
<img src="img-knee.png" class="img-part" /> <img src="img-knee.png" class="img-part" />
<p class="measure">360</p> <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> <p class="units">Deg</p>
<img src="drop-img.png" class="img-part img-dd" /> <select name="input" id="unit">
</div> <option value="Position">Position</option>
<div class="dddown3"> <option value="Percent">Percent</option>
<a class="delement" href="#">Position</> <option value="Velocity">Velocity</option>
<a class="delement" href="#">Percent</a> <option value="Voltage">Voltage</option>
<a class="delement" href="#">Velocity</a> <option value="Force">Force</option>
<a class="delement" href="#">Force</p> </select>
<a class="delement" href="#">Voltage</a>
</div> </div>
</div> </div>
<div class="panel2-btns"> <div class="panel2-btns">

7
bare/style.css
View File

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