diff options
| author | Ben Sima <ben@bsima.me> | 2025-11-13 15:03:36 -0500 |
|---|---|---|
| committer | Ben Sima <ben@bsima.me> | 2025-11-13 15:03:36 -0500 |
| commit | 902ac8963023928169937e93f311c66626d0cfcf (patch) | |
| tree | 26960c6cd060581a2af391d241a0d101ecc082f4 | |
| parent | 6aec3dd047fd25aa8fde1380e19527797dfb3d0b (diff) | |
Improve dev mode login UX
- Add mx-1 (horizontal margin) to code element for better text spacing
- Pre-fill email input with demo@example.com in dev/test mode -
Makes it faster to test login flow in development
Amp-Thread-ID:
https://ampcode.com/threads/T-8edacbeb-b343-49ca-b524-1c999272acb6
Co-authored-by: Amp <amp@ampcode.com>
| -rw-r--r-- | .tasks/tasks.jsonl | 1 | ||||
| -rw-r--r-- | Biz/PodcastItLater/Web.py | 6 |
2 files changed, 6 insertions, 1 deletions
diff --git a/.tasks/tasks.jsonl b/.tasks/tasks.jsonl index 442d852..e448cd4 100644 --- a/.tasks/tasks.jsonl +++ b/.tasks/tasks.jsonl @@ -66,3 +66,4 @@ {"taskCreatedAt":"2025-11-13T19:38:35.476139354Z","taskDependencies":[],"taskId":"t-1fbIVJL","taskNamespace":null,"taskParent":"t-1f9Td4U","taskStatus":"Open","taskTitle":"Left-align navbar links instead of right-aligned buttons","taskType":"WorkTask","taskUpdatedAt":"2025-11-13T19:38:35.476139354Z"} {"taskCreatedAt":"2025-11-13T19:38:35.65125955Z","taskDependencies":[],"taskId":"t-1fbJFic","taskNamespace":null,"taskParent":"t-1f9Td4U","taskStatus":"Open","taskTitle":"Remove logout button from navbar (will be in account page)","taskType":"WorkTask","taskUpdatedAt":"2025-11-13T19:38:35.65125955Z"} {"taskCreatedAt":"2025-11-13T19:54:08.34625259Z","taskDependencies":[],"taskId":"t-1gcR9RV","taskNamespace":"Omni/Bild.nix","taskParent":null,"taskStatus":"Open","taskTitle":"Add ruff to the developer environment, the 'env' attribute in Bild.nix","taskType":"WorkTask","taskUpdatedAt":"2025-11-13T19:54:08.34625259Z"} +{"taskCreatedAt":"2025-11-13T20:02:50.914482516Z","taskDependencies":[],"taskId":"t-1gMdNJK","taskNamespace":null,"taskParent":"t-1f9QP23","taskStatus":"Open","taskTitle":"Fix dev mode banner styling and pre-fill login email","taskType":"WorkTask","taskUpdatedAt":"2025-11-13T20:02:50.914482516Z"} diff --git a/Biz/PodcastItLater/Web.py b/Biz/PodcastItLater/Web.py index 3a76e93..525976c 100644 --- a/Biz/PodcastItLater/Web.py +++ b/Biz/PodcastItLater/Web.py @@ -194,7 +194,10 @@ class LoginForm(Component[AnyChildren, LoginFormAttrs]): html.i(classes=["bi", "bi-info-circle", "me-2"]), html.strong("Dev/Test Mode: "), "Use ", - html.code("demo@example.com", classes=["text-dark"]), + html.code( + "demo@example.com", + classes=["text-dark", "mx-1"], + ), " for instant login", classes=[ "alert", @@ -226,6 +229,7 @@ class LoginForm(Component[AnyChildren, LoginFormAttrs]): id="email", name="email", placeholder="your@email.com", + value="demo@example.com" if is_dev_mode else "", required=True, classes=["form-control", "mb-3"], ), |