minor style tweaks

This commit is contained in:
leah 2022-01-27 21:06:18 +00:00
parent 657cf4e225
commit e1b018c11e
2 changed files with 9 additions and 4 deletions

View File

@ -3,8 +3,14 @@
@tailwind utilities;
@layer base {
.login {
@apply flex flex-row justify-center items-center m-auto shadow-md bg-slate-50 p-6 rounded px-10 border-t-4 border-t-emerald-700
}
}
@layer components {
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;
@apply w-full bg-gradient-to-t from-emerald-800 to-emerald-700 text-slate-100 rounded py-2 shadow-sm shadow-emerald-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

@ -10,10 +10,9 @@
</head>
<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">
<div class="login">
<form>
<h3 class="font-bold">Log in to {{.Server.Name}}</h3>
<h3 class="font-bold mb-3 text-lg">Log in to {{.Server.Name}}</h3>
<div class="w-full my-2">
<label for="username">Username</label>
<input name="username" type="text">