fixed minimum width on mobile (#529)

epicweb-dev · Nov 20, 2023 · 743780c · 743780c
1 parent 746e6a1
commit 743780c
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/app/routes/_auth+/forgot-password.tsx b/app/routes/_auth+/forgot-password.tsx
@@ -140,7 +140,7 @@ export default function ForgotPasswordRoute() {
 						No worries, we'll send you reset instructions.
 					</p>
 				</div>
-				<div className="mx-auto mt-16 min-w-[368px] max-w-sm">
+				<div className="mx-auto mt-16 min-w-full sm:min-w-[368px] max-w-sm">
 					<forgotPassword.Form method="POST" {...form.props}>
 						<AuthenticityTokenInput />
 						<HoneypotInputs />

diff --git a/app/routes/_auth+/onboarding.tsx b/app/routes/_auth+/onboarding.tsx
@@ -168,7 +168,7 @@ export default function SignupRoute() {
 				<Spacer size="xs" />
 				<Form
 					method="POST"
-					className="mx-auto min-w-[368px] max-w-sm"
+					className="mx-auto min-w-full sm:min-w-[368px] max-w-sm"
 					{...form.props}
 				>
 					<AuthenticityTokenInput />

diff --git a/app/routes/_auth+/onboarding_.$provider.tsx b/app/routes/_auth+/onboarding_.$provider.tsx
@@ -209,7 +209,7 @@ export default function SignupRoute() {
 				<Spacer size="xs" />
 				<Form
 					method="POST"
-					className="mx-auto min-w-[368px] max-w-sm"
+					className="mx-auto min-w-full sm:min-w-[368px] max-w-sm"
 					{...form.props}
 				>
 					{fields.imageUrl.defaultValue ? (

diff --git a/app/routes/_auth+/reset-password.tsx b/app/routes/_auth+/reset-password.tsx
@@ -113,7 +113,7 @@ export default function ResetPasswordPage() {
 					Hi, {data.resetPasswordUsername}. No worries. It happens all the time.
 				</p>
 			</div>
-			<div className="mx-auto mt-16 min-w-[368px] max-w-sm">
+			<div className="mx-auto mt-16 min-w-full sm:min-w-[368px] max-w-sm">
 				<Form method="POST" {...form.props}>
 					<Field
 						labelProps={{

diff --git a/app/routes/_auth+/signup.tsx b/app/routes/_auth+/signup.tsx
@@ -137,7 +137,7 @@ export default function SignupRoute() {
 					Please enter your email.
 				</p>
 			</div>
-			<div className="mx-auto mt-16 min-w-[368px] max-w-sm">
+			<div className="mx-auto mt-16 min-w-full sm:min-w-[368px] max-w-sm">
 				<Form method="POST" {...form.props}>
 					<AuthenticityTokenInput />
 					<HoneypotInputs />