fix: fix layout bug at login and sing up pages

Quiddlee · Jan 5, 2024 · d27e5ba · d27e5ba
1 parent 91bb759
commit d27e5ba
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/pages/LoginPage.tsx b/src/pages/LoginPage.tsx
@@ -54,7 +54,7 @@ export default function LoginPage() {
 
   return (
     <section className="mx-5 flex items-center justify-center">
-      <article className="w-[560px] rounded-[30px] bg-surface-container px-7 py-[60px] sm:px-20">
+      <article className="w-full max-w-[560px] rounded-[30px] bg-surface-container px-7 py-[60px] sm:px-20">
         <h1 className="text-center text-2xl font-[400] text-on-surface">{title}</h1>
         <h2 className="mt-3 text-center text-base font-[400] text-on-surface-variant">{subtitle}</h2>
         <form noValidate className="mt-8" onSubmit={handleSubmit(onSubmit)}>

diff --git a/src/pages/SignUpPage.tsx b/src/pages/SignUpPage.tsx
@@ -51,7 +51,7 @@ export default function SignUpPage() {
 
   return (
     <section className="mx-5 flex items-center justify-center">
-      <article className="w-[560px] rounded-[30px] bg-surface-container px-7 py-[60px] sm:px-20">
+      <article className="w-full max-w-[560px] rounded-[30px] bg-surface-container px-7 py-[60px] sm:px-20">
         <h1 className="text-center text-2xl font-[400] text-on-surface">{title}</h1>
         <h2 className="mt-3 text-center text-base font-[400] text-on-surface-variant">{subtitle}</h2>
         <form noValidate className="mt-8" onSubmit={handleSubmit(onSubmit)}>