35 lines
1.4 KiB
Twig
35 lines
1.4 KiB
Twig
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>vStash Console Login</title>
|
||
|
|
<style>
|
||
|
|
body { font-family: Arial, sans-serif; background: #f7fafc; display:flex; align-items:center; justify-content:center; height:100vh; }
|
||
|
|
.login-box { background:white; padding:2rem; border-radius:0.5rem; box-shadow:0 1px 3px rgba(0,0,0,0.1); width:300px; }
|
||
|
|
.form-group { margin-bottom:1rem; }
|
||
|
|
label { display:block; margin-bottom:0.5rem; }
|
||
|
|
input { width:100%; padding:0.5rem; border:1px solid #d2d6dc; border-radius:0.375rem; }
|
||
|
|
button { width:100%; padding:0.5rem; background:#3182ce; color:white; border:none; border-radius:0.375rem; cursor:pointer; }
|
||
|
|
.error { color:#c53030; margin-bottom:1rem; text-align:center; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="login-box">
|
||
|
|
<h2 style="text-align:center;margin-bottom:1rem;">Console Login</h2>
|
||
|
|
{% if error %}<div class="error">{{ error }}</div>{% endif %}
|
||
|
|
<form method="post">
|
||
|
|
<div class="form-group">
|
||
|
|
<label>Username</label>
|
||
|
|
<input type="text" name="username" required>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label>Password</label>
|
||
|
|
<input type="password" name="password" required>
|
||
|
|
</div>
|
||
|
|
<button type="submit">Login</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|