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

View File

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

View File

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