70 lines
1.7 KiB
HTML
70 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Admin Login</title>
|
|
<style>
|
|
/*
|
|
Minimal login page for the operator dashboard.
|
|
Centered card with dark theme matching the rest of the app.
|
|
*/
|
|
body{
|
|
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
|
|
background:#111827;
|
|
color:#f3f4f6;
|
|
margin:0;
|
|
padding:1rem;
|
|
display:flex;
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-height:100vh;
|
|
}
|
|
form{
|
|
background:#1f2937;
|
|
padding:2rem;
|
|
border-radius:1rem;
|
|
width:100%;
|
|
max-width:360px;
|
|
}
|
|
h1{margin-top:0;color:#60a5fa;}
|
|
label{display:block;margin-top:1rem;font-weight:600;}
|
|
input{
|
|
width:100%;
|
|
padding:.6rem;
|
|
border-radius:.5rem;
|
|
border:1px solid #374151;
|
|
background:#111827;
|
|
color:#f3f4f6;
|
|
box-sizing:border-box;
|
|
}
|
|
button{
|
|
margin-top:1.5rem;
|
|
width:100%;
|
|
padding:.8rem;
|
|
border:none;
|
|
border-radius:.5rem;
|
|
background:#3b82f6;
|
|
color:#fff;
|
|
font-weight:700;
|
|
cursor:pointer;
|
|
}
|
|
.flash{margin-top:1rem;color:#f87171;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<form method="POST">
|
|
<h1>Booth Admin</h1>
|
|
<label for="password">Password</label>
|
|
<input type="password" id="password" name="password" required autofocus>
|
|
|
|
{% with messages = get_flashed_messages() %}
|
|
{% if messages %}
|
|
<div class="flash">{{ messages[0] }}</div>
|
|
{% endif %}
|
|
{% endwith %}
|
|
|
|
<button type="submit">Log In</button>
|
|
</form>
|
|
</body>
|
|
</html>
|