Styled login ui

This commit is contained in:
2023-07-17 17:10:16 +01:00
parent f5f19f6dd4
commit b3d846c6f4
4 changed files with 19 additions and 10 deletions

View File

@@ -5,17 +5,23 @@
<title>GiacPoints</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/picnic">
<link rel="stylesheet" href="/index.css">
<link rel="stylesheet" href="/frontend/index.css">
</head>
<body>
<div id="login">
<article class="card">
<label for="name">Name</label> <br>
<input type="text" id="name"> <br>
<label for="password">Password</label> <br>
<input type="password" id="password"> <br>
<input type="submit" value="Login"> <br>
</article>
<div id="login" class="flex three" style="height: 100%">
<div class="fourth two-fifth-1000"></div>
<div class="flex one half fifth-1000" style="height: 100%">
<div class="loginSpacer"></div>
<article class="card" style="padding: 5%">
<label for="name">Name</label> <br>
<input type="text" id="name"> <br>
<label for="password">Password</label> <br>
<input type="password" id="password"> <br>
<input type="submit" value="Login" style="width: 100%"> <br>
</article>
<div class="loginSpacer"></div>
</div>
<div class="fourth two-fifth-1000"></div>
</div>
<div id="mainPage" style="display: none;">
<p>Main Page</p>