yrtria/booth-musicgpt
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Apply shared design system to admin login page

Browse source
This commit is contained in:
Troll (Hermes Agent) 2026-08-31 03:24:19 +00:00
parent f3b5bc637b
commit abd70d2496
1 changed files with 7 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

57
templates/admin/login.html
View file

@ -4,57 +4,14 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Admin Login</title> <title>Admin Login</title>
<style> <link rel="preconnect" href="https://fonts.googleapis.com">
/* <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
Minimal login page for the operator dashboard. <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@500;700;800&display=swap" rel="stylesheet">
Centered card with dark theme matching the rest of the app. <link rel="stylesheet" href="{{ url_for('static', filename='css/booth.css') }}">
*/
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> </head>
<body> <body class="booth-page center-content">
<form method="POST"> <form method="POST" class="login-card">
<h1>Booth Admin</h1> <h1 class="brand">Booth Admin</h1>
<label for="password">Password</label> <label for="password">Password</label>
<input type="password" id="password" name="password" required autofocus> <input type="password" id="password" name="password" required autofocus>