fixed-form-ui

MonalikaPatnaik · Jan 5, 2024 · 64df10d · 64df10d
1 parent 4499443
commit 64df10d
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 56 deletions.
diff --git a/client/src/App.css b/client/src/App.css
@@ -536,11 +536,14 @@ footer .input-group-text {
 
 /* Contact Page */
 .contact-inner-wrapper {
+  background-color: #decaec;
   padding: 30px 20px;
   border-radius: 15px;
   gap: 15px;
 }
-
+.contact-form input:focus, .contact-form textarea:focus{
+  border: 1px solid #e645bb;
+}
 .contact-inner-wrapper>div {
   width: 48%;
 }
@@ -624,28 +627,17 @@ footer .input-group-text {
   margin-top: 200px;
 }
 
-.store-card {
-  background-color: #decaec;
-  border-radius: 10px;
-  width: 600px;
-  margin: 0 auto;
-  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
-  margin-bottom: 10px;
-}
-.store-header{
-  margin-top: 10px;
-  /* text-decoration: underline; */
-}
 .auth-card {
   padding: 10px;
-}
-.auth-card form{
-  background-color: #decaec;
-  margin: auto;
-  margin-bottom: 15px;
-}
-.auth-card form input{
-  border: 1px solid black;
+  background-color:#decaec;
+    width: 600px;
+    padding-left: 100px;
+    padding-right:100px;
+    padding-top:50px;
+    padding-bottom:20px;
+    margin: 30px auto;
+    /* margin-top: 5px; */
+    border-radius: 10px;
 }
 
 .auth-card h3 {
@@ -665,6 +657,7 @@ footer .input-group-text {
   color: var(--color-777777);
   font-size: 14px;
   border-radius: 10px;
+  border-color: transparent;
 }
 
 .auth-card a {

diff --git a/client/src/components/SubmitEmail.css b/client/src/components/SubmitEmail.css
@@ -1,4 +1,4 @@
-form{
+.hero form{
     display: flex;
     background-color: white;
     width: fit-content;

diff --git a/client/src/pages/Contact.css b/client/src/pages/Contact.css
diff --git a/client/src/pages/Contact.js b/client/src/pages/Contact.js
@@ -3,7 +3,6 @@ import BreadCrumb from "../components/BreadCrumb";
 import Meta from "../components/Meta";
 
 import Container from "../components/Container";
-import './Contact.css';
 
 const Contact = () => {
   return (

diff --git a/client/src/pages/CreateStore.js b/client/src/pages/CreateStore.js
@@ -81,9 +81,10 @@ const CreateStore = () => {
 
       <Container class1="login-wrapper py-3 home-wrapper-2">
         <div className="row">
-          <div className="store-card">
-            <div className="store-header"><h3 className=" d-flex text-align-center justify-content-center">Create store!</h3></div>
+          <div className="col-12">
+            <h3 className=" d-flex text-align-center justify-content-center">Create store!</h3>
             <div className="auth-card">
+
               <form onSubmit={handleSubmit} className="d-flex flex-column gap-15">
                 <CustomInput
                   type="text"
@@ -122,4 +123,4 @@ const CreateStore = () => {
   );
 };
 
-export default CreateStore;
+export default CreateStore;