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