brammie15/ReSendit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update login page style

Browse Source
This commit is contained in:
Bram
2026-03-26 17:24:51 +01:00
parent afcb4d72f5
commit e2f1bbcd64
1 changed files with 46 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
templates/login.html
View File

@@ -10,64 +10,83 @@
* { border-radius: 0 !important; } * { border-radius: 0 !important; }
body { body {
font-family: sans-serif; font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
background: #fff; background: #fff;
color: #000; color: #000;
padding: 20px; padding: 20px;
} }
.box { .box {
border: 2px solid #000; border: 3px solid #000;
background: #fff; background: #fff;
} }
input { input {
border: 1px solid #000; border: 2px solid #000;
padding: 6px; padding: 8px;
font-size: 13px; font-size: 13px;
width: 100%; width: 100%;
background: #fff; background: #fff;
font-weight: bold;
} }
input:focus { input:focus {
outline: none; outline: none;
background: #f9f9f9; background: #ffff00;
} }
/* Chunky button style */
button { button {
border: 1px solid #000; border: 2px solid #000;
background: #eee; background: #fff;
padding: 4px 10px; padding: 6px 12px;
cursor: pointer; cursor: pointer;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: 900;
text-transform: uppercase;
box-shadow: 3px 3px 0px #000;
} }
button:hover { button:hover {
background: #000; background: #000;
color: #fff; color: #fff;
box-shadow: none;
transform: translate(2px, 2px);
}
button:active {
background: #ff0000;
color: #fff;
} }
.nav-link { .nav-link {
font-weight: bold; font-weight: 900;
text-decoration: underline; text-decoration: underline;
font-size: 11px; text-transform: uppercase;
font-size: 12px;
}
.nav-link:hover {
background: #000;
color: #fff;
} }
.label { .label {
font-size: 10px; font-size: 10px;
font-weight: bold; font-weight: 900;
text-transform: uppercase; text-transform: uppercase;
margin-bottom: 2px; margin-bottom: 4px;
} }
.error { .error {
border: 1px solid #000; border: 3px solid #000;
background: #ffcccc; background: #ff0000;
color: #fff;
font-size: 11px; font-size: 11px;
padding: 4px; padding: 6px;
margin-bottom: 10px; margin-bottom: 12px;
font-weight: bold; font-weight: 900;
text-transform: uppercase;
} }
</style> </style>
</head> </head>
@@ -75,26 +94,25 @@
<div class="max-w-md mx-auto"> <div class="max-w-md mx-auto">
<header class="mb-8 border-b-4 border-black pb-2 flex justify-between items-end"> <header class="mb-8 border-b-8 border-black pb-4 flex justify-between items-start">
<h1 class="text-3xl font-black uppercase tracking-tighter"> <h1 class="text-4xl font-black uppercase tracking-tighter leading-none">
System Access System_Access
</h1> </h1>
<a href="/" class="nav-link"> <a href="/" class="nav-link">
← BACK ← Back
</a> </a>
</header> </header>
<div class="box p-6">
<div class="box p-4">
{{if .Error}} {{if .Error}}
<div class="error"> <div class="error">
ACCESS DENIED ACCESS_DENIED
</div> </div>
{{end}} {{end}}
<form id="login-form" class="space-y-3"> <form id="login-form" class="space-y-4">
<div> <div>
<div class="label">Username</div> <div class="label">Username</div>
@@ -108,7 +126,7 @@
<div class="pt-2"> <div class="pt-2">
<button type="submit"> <button type="submit">
AUTHENTICATE Authenticate
</button> </button>
</div> </div>
@@ -145,7 +163,6 @@
return; return;
} }
// Redirect to admin
window.location.href = "/admin"; window.location.href = "/admin";
} catch (err) { } catch (err) {
@@ -159,7 +176,7 @@
err = document.createElement("div"); err = document.createElement("div");
err.id = "error-box"; err.id = "error-box";
err.className = "error"; err.className = "error";
err.innerText = "ACCESS DENIED"; err.innerText = "ACCESS_DENIED";
form.prepend(err); form.prepend(err);
} }
} }