change some styling for index and config

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2023-04-28 23:43:09 +00:00
parent 6e78ab352b
commit 35376e972a
3 changed files with 30 additions and 27 deletions

View File

@ -24,25 +24,27 @@
</div>
</nav>
</header>
<main class="w3-container">
<h2 id="name"><a href="index.html">Instances</a> / %{vmname}</h2>
<form>
<fieldset>
<legend>Resources</legend>
<div class="input-grid" id="resources" style="grid-template-columns: repeat(3, auto) 1fr;"></div>
</fieldset>
<fieldset>
<legend>Disks</legend>
<div class="input-grid" id="disks" style="grid-template-columns: auto auto auto 1fr;"></div>
<div class="w3-container w3-center">
<img id="disk-add" src="images/actions/disk/add-disk.svg" class="clickable" alt="Add New Disk" title="Add New Disk">
<img id="cd-add" src="images/actions/disk/add-cd.svg" class="clickable none" alt="Add New CDROM" title="Add New CDROM">
<main>
<section class="w3-container">
<h2 id="name"><a href="index.html">Instances</a> / %{vmname}</h2>
<form>
<fieldset>
<legend>Resources</legend>
<div class="input-grid" id="resources" style="grid-template-columns: repeat(3, auto) 1fr;"></div>
</fieldset>
<fieldset>
<legend>Disks</legend>
<div class="input-grid" id="disks" style="grid-template-columns: auto auto auto 1fr;"></div>
<div class="w3-container w3-center">
<img id="disk-add" src="images/actions/disk/add-disk.svg" class="clickable" alt="Add New Disk" title="Add New Disk">
<img id="cd-add" src="images/actions/disk/add-cd.svg" class="clickable none" alt="Add New CDROM" title="Add New CDROM">
</div>
</fieldset>
<div class="w3-container w3-center" id="form-actions">
<button class="w3-button w3-margin" id="exit" type="button">EXIT</button>
</div>
</fieldset>
<div class="w3-container w3-center" id="form-actions">
<button class="w3-button w3-margin" id="exit" type="button">EXIT</button>
</div>
</form>
</form>
</section>
</main>
</body>
</html>

View File

@ -24,13 +24,14 @@
</div>
</nav>
</header>
<main class="w3-container">
<h2>Instances</h2>
<div id="instance-container">
</div>
<div class="center-div" style="text-align: center;">
<img id="instance-add" src="images/actions/instance/add-instance.svg" class="clickable" alt="Create New Instance" title="Create New Instance">
</div>
<main>
<section class="w3-container">
<div class="flex row nowrap" style="justify-content: space-between;">
<h2>Instances</h2>
<button type="button" id="instance-add" class="w3-button">Create New Instance</button>
</div>
<div id="instance-container" class="w3-card w3-padding"></div>
</section>
</main>
</body>
</html>

View File

@ -21,8 +21,8 @@
</div>
</nav>
</header>
<main class="w3-container w3-display-middle w3-mobile">
<div class="w3-card-4 w3-margin w3-container">
<main>
<div class="w3-card w3-margin w3-container w3-display-middle">
<h2 class="w3-center">Proxmox VE Login</h2>
<form>
<label for="username"><b>Username</b></label>