v1.2.39Web App
•1 min read

Auth Pages Mobile UX, OTP Keypads & Layout Streamlining

AuthenticationMobile UXWeb App

Comprehensive polish of all authentication flows (login, registration, password reset, email verification): responsive flex layout, mobile numeric keypads for OTPs, standard autocomplete attributes, and unified branding.

#Auth Pages Mobile UX, OTP Keypads & Layout Streamlining

This release delivers a comprehensive consistency and mobile responsiveness overhaul across all authentication pages (/auth/login, /auth/register, /auth/forgot-password, and /auth/verify-email):

  • Responsive Flex Layout: Replaced absolute positioning with modern flexbox column layout (min-height: 100dvh), preventing footer collisions and overlap on mobile viewports and virtual keyboard activations.
  • Mobile Numeric Keypads & OTP Autofill: Configured inputMode="numeric", pattern="[0-9]*", and autoComplete="one-time-code" across all 6-digit verification code fields for instant one-tap OTP entry on iOS and Android.
  • Password Manager & Autofill Integration: Added standard autoComplete attributes (email, current-password, new-password, name) and spellCheck={false} for friction-free browser and credential manager autofill.
  • Branding Consistency: Standardized logo text and image alt tags to unified ApiVault branding across all authentication layouts, onboarding, CLI connect, and MCP consent screens.