Yisroel Baum
a20d12177e
introduce .auth-shell and .auth-card classes for the centered, narrow-card layout shared by login and register, then apply them to the login template. form ids and the #login-error element are preserved so the existing cypress auth flows still target them.
37 lines
1.1 KiB
PHP
37 lines
1.1 KiB
PHP
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Daily Goals - Login</title>
|
|
<link rel="stylesheet" href="/css/app.css">
|
|
</head>
|
|
<body>
|
|
<main class="auth-shell">
|
|
<div class="auth-card stack">
|
|
<h1>Login</h1>
|
|
<form id="login-form" class="stack">
|
|
<label>Email
|
|
<input type="email" id="email" name="email" required />
|
|
</label>
|
|
<label>Password
|
|
<input
|
|
type="password"
|
|
id="password"
|
|
name="password"
|
|
required
|
|
/>
|
|
</label>
|
|
<button type="submit" class="btn btn-primary full-width">
|
|
Login
|
|
</button>
|
|
</form>
|
|
<p id="login-error" class="error" hidden></p>
|
|
<p class="muted">
|
|
<a href="/register">Need an account? Register</a>
|
|
</p>
|
|
</div>
|
|
</main>
|
|
<script src="/js/auth.js"></script>
|
|
</body>
|
|
</html>
|