add device search

This commit is contained in:
Stewart Allen 2020-12-20 14:15:35 -05:00
commit 6977a4e720
3 changed files with 56 additions and 1 deletions

View file

@ -676,6 +676,22 @@ th, tr, td, label {
#mod-setup .header.sub {
padding-top: 10px;
}
#dev-search {
position: absolute;
font-size: 10px;
right: 3px;
}
#dev-search:hover {
color: #00f;
}
#dev-filter {
transform: translateY(-7px);
text-align: center;
position: absolute;
display: none;
padding: 1px;
right: 150%;
}
#mod-setup .left {
width: 180px;
padding-right: 10px;

View file

@ -259,7 +259,13 @@
<th><button id="mode-laser" class="dev-type"><label>LASER</label></button></th>
</tr></table>
</div>
<label class="header sub">standard devices</label>
<div class="header sub f-col j-center">
<label>standard devices</label>
<div id="dev-search">
<i class="fas fa-search"></i>
<input id="dev-filter" />
</div>
</div>
<div class="f-col mh0 mh35 j-center a-stretch">
<div id="device-list" class="devlist f-col overy"></div>
</div>