btn sign

SvitPrakarsh · Feb 9, 2023 · 2c2b98b · 2c2b98b
1 parent 2ca497e
commit 2c2b98b
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 26 deletions.
diff --git a/src/components/Events/Event.css b/src/components/Events/Event.css
@@ -5,7 +5,7 @@
     box-shadow: 5px 5px 12px rgba(172, 112, 255, 0.33),
                 -5px -5px 12px rgba(172, 112, 255, 0.33),
                 5px 5px 10px rgba(172, 112, 255, 0.33),
-                -5px -5px 10px rgba(172, 112, 255, 0.33);
+                -5px -5px 10px rgba(172, 112, 255, 0.329);
     width: 17.5rem;
     /* height: fit-content; */
     filter: drop-shadow(5px 5px 10px rgba(172, 112, 255, 0.33));  

diff --git a/src/components/signup/Signup.css b/src/components/signup/Signup.css
@@ -6,6 +6,7 @@
     background-size: contain;
     background-repeat: no-repeat;
     position: relative;
+
     /* min-width: 2000px; */
 
 }
@@ -23,7 +24,12 @@
     letter-spacing: 10px;
 
 }
-
+.sbtn{
+    width: 150px;
+    height: 70px;
+    color: aquamarine;
+    z-index: 0;
+}
 .shead p{
     display: flex;
     justify-content: center;
@@ -39,10 +45,19 @@
     gap: 30px;
 
 }
-
+.rect{
+    width: 500px;
+    height: 50px;
+    border: solid rgba(106, 15, 233);
+    border-radius: 5px;
+    position: relative;
+    top: -31px;
+    right: 19px;
+}
 .inputbox{
     position: relative;
-    width: 250px;
+    width: 500px;
+    margin-top: 7rem;
 }
 
 .inputbox input{
@@ -69,12 +84,18 @@
     text-transform: uppercase;
 }
 
-.inputbox .input:valid ~ span,
-.inputbox .input:valid ~  span :focus
-{
+.sbtn button{
+    width: 40%;
+    height: 30px;
+    margin: 80px 150px;
+} 
 
+.rect2{
+    width: 100px;
+    height: 50px;
+    border: solid rgba(106, 15, 233);
+    border-radius: 5px;
+    position: relative;
+    top: -31px;
+    right: 19px;
 }
-
-
-
-
diff --git a/src/components/signup/Signup.jsx b/src/components/signup/Signup.jsx
@@ -14,26 +14,19 @@ const Signup = () => {
               <input type="email"  required="required" />
               <span>
                 Email
+
+                <div className="rect" />
               </span>
             </div>
-            <div className="sbtn">
-              <button type="button">Get Link</button>
-            </div>
+            <div className="sbtn" >
+              <button>
+              <div className="rect2"/>
+                Get Link
+              </button>
+      </div>
 
             </div>
-
-
-             <div className="s-content">
-              <div className="email">
-                Email: <input type="email"/> 
-              </div>
-             </div>
-
-
-
-
 
-
     </div>
   )
 }