signup styling

pantheredeye · Dec 13, 2024 · d51bfe5 · d51bfe5
1 parent 13bb2e3
commit d51bfe5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/web/src/pages/HomePage/HomePage.tsx b/web/src/pages/HomePage/HomePage.tsx
@@ -117,7 +117,7 @@ const HomePage = () => {
               }
               className="mt-8 rounded-xl bg-indigo-600 px-6 py-3 text-lg font-medium text-white shadow-lg hover:bg-indigo-500 focus:outline-none"
             >
-              Contact Us
+              Email Us
             </button>
           </div>
         </div>

diff --git a/web/src/pages/SignupPage/SignupPage.tsx b/web/src/pages/SignupPage/SignupPage.tsx
@@ -62,7 +62,7 @@ const SignupPage = () => {
           </h2>
         </div>
         <div className="mt-10 sm:mx-auto sm:w-full sm:max-w-[480px]">
-          <div className="bg-white px-6 py-12 shadow sm:rounded-lg sm:px-12">
+          <div className="mx-auto max-w-7xl rounded-xl bg-gray-800 p-2 sm:p-8 shadow-2xl">
             <Form
               onSubmit={onSubmit}
               className="space-y-6"
@@ -71,7 +71,7 @@ const SignupPage = () => {
               <div>
                 <Label
                   name="email"
-                  className="block text-sm font-medium leading-6 text-gray-900"
+                  className="block text-sm font-medium text-gray-200"
                   errorClassName="block text-sm font-medium leading-6 text-red-600"
                 >
                   Email address
@@ -82,7 +82,7 @@ const SignupPage = () => {
                     ref={emailRef}
                     autoComplete="email"
                     required
-                    className="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
+                    className="block w-full rounded-xl border border-gray-700 bg-gray-800 py-1.5 text-gray-200 placeholder-gray-500 focus:border-indigo-500 focus:ring-indigo-500"
                     errorClassName="block w-full rounded-md border-0 py-1.5 text-red-600 shadow-sm ring-1 ring-inset ring-red-300 placeholder:text-red-400 focus:ring-2 focus:ring-inset focus:ring-red-600 sm:text-sm sm:leading-6"
                     validation={{
                       required: {
@@ -100,7 +100,7 @@ const SignupPage = () => {
               <div>
                 <Label
                   name="password"
-                  className="block text-sm font-medium leading-6 text-gray-900"
+                  className="block text-sm font-medium text-gray-200"
                   errorClassName="block text-sm font-medium leading-6 text-red-600"
                 >
                   Password
@@ -110,7 +110,7 @@ const SignupPage = () => {
                     name="password"
                     autoComplete="current-password"
                     required
-                    className="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
+                    className="block w-full rounded-xl border border-gray-700 bg-gray-800 py-1.5 text-gray-200 placeholder-gray-500 focus:border-indigo-500 focus:ring-indigo-500"
                     errorClassName="block w-full rounded-md border-0 py-1.5 text-red-600 shadow-sm ring-1 ring-inset ring-red-300 placeholder:text-red-400 focus:ring-2 focus:ring-inset focus:ring-red-600 sm:text-sm sm:leading-6"
                     validation={{
                       required: {