fix login for styling

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2023-05-03 21:25:55 +00:00
parent 86dd966691
commit 1fe8491c38
3 changed files with 6 additions and 4 deletions

View File

@ -13,6 +13,8 @@ h1, h2, h3, h3, h4, h5, h6, p, a, label, button, input, select, td {
body { body {
min-height: 100vh; min-height: 100vh;
display: grid;
grid-template-rows: auto 1fr;
} }
img.clickable { img.clickable {

View File

@ -28,7 +28,7 @@
<section class="w3-container"> <section class="w3-container">
<div class="flex row nowrap" style="justify-content: space-between;"> <div class="flex row nowrap" style="justify-content: space-between;">
<h2>Instances</h2> <h2>Instances</h2>
<button type="button" id="instance-add" class="w3-button">Create New Instance</button> <button type="button" id="instance-add" class="w3-button">Create Instance</button>
</div> </div>
<div id="instance-container" class="w3-card w3-padding"></div> <div id="instance-container" class="w3-card w3-padding"></div>
</section> </section>

View File

@ -10,7 +10,7 @@
<link rel="stylesheet" href="css/nav.css"> <link rel="stylesheet" href="css/nav.css">
<script src="scripts/login.js" type="module"></script> <script src="scripts/login.js" type="module"></script>
</head> </head>
<body class="w3-display-container" style="min-height: 100vh;"> <body>
<header> <header>
<nav id="hamnav"> <nav id="hamnav">
<h1 style="font-size: 18px; margin: 0px; background-color: #0f0; color: #000;">tronnet</h1> <h1 style="font-size: 18px; margin: 0px; background-color: #0f0; color: #000;">tronnet</h1>
@ -21,8 +21,8 @@
</div> </div>
</nav> </nav>
</header> </header>
<main> <main class="flex" style="justify-content: center; align-items: center;">
<div class="w3-card w3-margin w3-container w3-display-middle w3-padding"> <div class="w3-container w3-card w3-margin w3-padding" style="height: fit-content;">
<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>