add disk mini form

This commit is contained in:
Arthur Lu 2023-01-10 16:01:13 -08:00
parent de7f7ed2b5
commit 15b2e7ec58
2 changed files with 24 additions and 1 deletions

View File

@ -22,7 +22,14 @@
<fieldset>
<legend>Disks</legend>
<div class="input-grid" id="disks" style="grid-template-columns: repeat(3, auto) 1fr;"></div>
<div style="width:100%; text-align: center; margin-top: 10px;"><img id="disk-add" src="images/actions/create.svg"></div>
<hr>
<div class="input-grid" id="add-disk" style="grid-template-columns: repeat(8, auto) 1fr;">
<label for="bus">Bus</label><select id="bus"></select>
<label for="device">Device</label><input id="device" type="number" step="1" min="0" max="0" value="0">
<label for="storage">Storage</label><select id="storage"></select>
<label for="size">Size</label><input id="size" type="number" step="1" min="0" max="0" value="0">
<img id="disk-add" src="images/actions/create.svg">
</div>
</fieldset>
<fieldset class="fieldset-no-border">
<div class="btn-group" id="form-actions">

View File

@ -26,6 +26,12 @@ input {
border: solid white 1px;
}
select {
border: solid white 1px;
background-color: black;
color: white;
}
button {
margin-top: 0px;
}
@ -45,4 +51,14 @@ legend {
form img {
width: 16px;
}
form > * {
margin-top: 10px;
}
hr {
width: 100%;
border: none;
border-top: solid white 1px;
}