basic login

This commit is contained in:
leah 2022-01-27 21:00:02 +00:00
parent 054781264e
commit 657cf4e225
2 changed files with 28 additions and 5 deletions

View File

@ -1,3 +1,12 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind utilities;
@layer base {
button {
@apply w-full bg-gradient-to-t from-green-800 to-green-700 text-slate-100 rounded py-2 shadow-sm shadow-green-800 hover:opacity-95 font-bold;
}
input {
@apply border-slate-300 border-2 rounded bg-slate-100 w-full my-1 p-1 px-2;
}
}

View File

@ -9,10 +9,24 @@
<link rel='stylesheet' type='text/css' media='screen' href='/resources/build/main.css'>
</head>
<body>
<h1 class="text-9xl font-bold underline">
Hello world!
</h1>
<body class="bg-slate-200 flex min-h-screen">
<div
class="flex flex-row justify-center items-center m-auto shadow-md bg-slate-50 p-6 rounded px-10 border-t-4 border-t-green-700">
<form>
<h3 class="font-bold">Log in to {{.Server.Name}}</h3>
<div class="w-full my-2">
<label for="username">Username</label>
<input name="username" type="text">
</div>
<div class="w-full my-2">
<label for="password">Password</label>
<input name="password" type="password">
</div>
<button class="my-2">
Log In
</button>
</form>
</div>
</body>
</html>