Merge pull request #4 from maneesht/mtewani/fix-responsive-email-login

Fixed issue where input is cut off on mobile
FirebaseExtended · Oct 19, 2022 · 413fd4a · 413fd4a
2 parents 7acc9d3 + f6b5a6c
commit 413fd4a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/hosting/src/components/auth/LoginHandler.tsx b/hosting/src/components/auth/LoginHandler.tsx
@@ -167,7 +167,7 @@ export default function LoginHandler() {
 	const EmailForm = (
 		<form onSubmit={onSignInClick} className="flex items-end gap-4">
 			{/* Email field + label */}
-			<div className="flex-1">
+			<div className="flex-1 min-w-[150px]">
 				<label htmlFor="email" className="form-label">
 					Email
 				</label>

diff --git a/hosting/src/pages/sign-in/index.tsx b/hosting/src/pages/sign-in/index.tsx
@@ -23,7 +23,7 @@ export default function SignIn() {
 			</p>
 
 			{/* Auth module */}
-			<div className="w-[490px]">
+			<div className="max-w-[490px]">
 				<LoginHandler />
 				<div id="recaptcha-container-id" />
 			</div>