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 /Biz/PodcastItLater | |
| 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>
Diffstat (limited to 'Biz/PodcastItLater')
| -rw-r--r-- | Biz/PodcastItLater/Web.py | 6 |
1 files changed, 5 insertions, 1 deletions
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"], ), |