yisroelbaum/Goal-Calibration
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style register page with auth-card layout

Browse source 
apply the shared auth-shell + auth-card layout to the register
template, mirroring the login page. ids and the #register-error
element are preserved for the existing cypress auth tests.
This commit is contained in:
Yisroel Baum 2026-05-01 11:33:37 +03:00
parent a20d12177e
commit 8d38a092d8
Signed by: yisroelbaum
GPG key ID: 0FA60884F75520A9
1 changed files with 26 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

44
views/templates/register.php
View file

@ -7,24 +7,32 @@
<link rel="stylesheet" href="/css/app.css">
</head>
<body>
<h1>Register</h1>
<form id="register-form">
<label>Email
<input type="email" id="email" name="email" required />
</label>
<label>Password (min 8 characters)
<input
type="password"
id="password"
name="password"
minlength="8"
required
/>
</label>
<button type="submit">Register</button>
</form>
<p id="register-error" hidden></p>
<p><a href="/login">Already have an account? Login</a></p>
<main class="auth-shell">
<div class="auth-card stack">
<h1>Register</h1>
<form id="register-form" class="stack">
<label>Email
<input type="email" id="email" name="email" required />
</label>
<label>Password (min 8 characters)
<input
type="password"
id="password"
name="password"
minlength="8"
required
/>
</label>
<button type="submit" class="btn btn-primary full-width">
Register
</button>
</form>
<p id="register-error" class="error" hidden></p>
<p class="muted">
<a href="/login">Already have an account? Login</a>
</p>
</div>
</main>
<script src="/js/auth.js"></script>
</body>
</html>