From 902ac8963023928169937e93f311c66626d0cfcf Mon Sep 17 00:00:00 2001 From: Ben Sima Date: Thu, 13 Nov 2025 15:03:36 -0500 Subject: 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 --- Biz/PodcastItLater/Web.py | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'Biz/PodcastItLater') 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"], ), -- cgit v1.2.3