Compare commits

...

2 Commits

Author SHA1 Message Date
leah 657cf4e225 basic login 2022-01-27 21:00:02 +00:00
leah 054781264e actually use the right css path 2022-01-27 20:24:20 +00:00
2 changed files with 29 additions and 6 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

@ -6,13 +6,27 @@
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>{{.Server.Name}} Admin Panel</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='/resources/main.css'>
<link rel='stylesheet' type='text/css' media='screen' href='/resources/build/main.css'>
</head>
<body>
<h1 class="text-3xl 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>