refactor: css

Author: joaov1ct0r

src/app/about/components/about-form.tsx

@@ -51,13 +51,13 @@ export default function AboutForm() {
   }, [error, getUser, success, user, loading]);
 
   return (
-    <div className="w-full max-w-xs">
+    <div className="w-full h-full">
       {shouldOpenUpdateUserModal && <UpdateUserModal />}
       {shouldOpenDeleteAccountModal && <DeleteAccountModal />}
       {showLoading ? (
         <Loading />
       ) : (
-        <form className="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4">
+        <form className="w-full h-1/4 bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4">
           <Image
             alt="User profile image"
             src={(() => {

src/app/about/components/update-user-modal.tsx

@@ -118,7 +118,7 @@ export default function UpdateUserModal() {
                   >
                     Update user
                   </DialogTitle>
-                  <form className="bg-white shadow-md rounded px-8 pt-6 pb-8">
+                  <form className="w-full h-1/4 bg-white shadow-md rounded px-8 pt-6 pb-8">
                     <Image
                       alt="User profile image"
                       src={(() => {

src/app/signin/components/sign-in-form.tsx

@@ -70,8 +70,6 @@ export default function LoginForm() {
     }
   }, [memoizedHandleSignIn, error, success]);
 
-  //<form className="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4">
-
   return (
     <div className="w-full h-full flex justify-center items-center">
       {shouldOpenForgetPasswordModal && <ForgetPasswordModal />}

src/app/signup/components/sign-up-form.tsx

@@ -106,8 +106,8 @@ export default function SignUpForm() {
   }, [error, success, memoizedHandleAfterSignUp]);
 
   return (
-    <div className="w-full max-w-xs">
-      <form className="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4">
+    <div className="w-full h-full">
+      <form className="w-full h-1/4 bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4">
         <Image
           alt="User profile image"
           src={(() => {
@@ -168,7 +168,7 @@ export default function SignUpForm() {
           value={user.password}
         />
 
-        <div className="flex items-center justify-between">
+        <div className="flex items-center justify-evenly">
           <ButtonForm
             disabled={showLoading}
             handleOnClick={handleFormSubmit}