From e7d13cd40319a2ac1f5291536fb1d24698bc31b6 Mon Sep 17 00:00:00 2001 From: Manavsheth78 Date: Thu, 9 Feb 2023 10:36:21 +0530 Subject: [PATCH 1/3] sign --- src/App.jsx | 4 +- src/components/signup/Signup.css | 69 +++++++++++++++----------------- src/components/signup/Signup.jsx | 23 ++++++----- 3 files changed, 47 insertions(+), 49 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index 1061e32..5625d3a 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -25,8 +25,8 @@ const App = () => { - {/* - */} + + {/* */} diff --git a/src/components/signup/Signup.css b/src/components/signup/Signup.css index bdfc981..07dba2d 100644 --- a/src/components/signup/Signup.css +++ b/src/components/signup/Signup.css @@ -31,56 +31,51 @@ text-align: center; } -.s-content{ +.scontent{ display: flex; justify-content: center; - /* flex-wrap: wrap; */ + align-items: center; flex-direction: column; - position: relative; - + gap: 30px; + } -.email{ - display: flex; - justify-content: center; +.inputbox{ position: relative; - + width: 250px; } -.email input[type="email"]{ - margin-left: 10px; - /* border: 2px solid green; */ - position: relative; - color: white; - background: rgba(128, 128, 128,0.2); - width: 10rem; - border-radius: 4px; - - - +.inputbox input{ + width: 100%; + padding: 10px; + border: 1px solid rgb(1, 209, 105); + background: rgb(1, 15, 20,0.25); + border-radius: 5px; + outline: none; + color: #fff; + font-size: 1em; + } -.email input:focus{ - /* color: rgb(1, 95, 48); */ - border: 2px solid rgb(1, 95, 48) ; -} -.input::before{ - content:''; - width: 50px; - height: 5px; - border: 2px solid green; +.inputbox span{ + position: absolute; - top: 0; -} -.sbtn{ - display: flex; - justify-content: center; - margin-top: 1rem; + left:0; + padding: 10px; + pointer-events: none; + font-size: 1em; + color: rgb(1, 209, 105,0.5); - + text-transform: uppercase; } -.sbtn button{ - border-radius: 4px; +.inputbox .input:valid ~ span, +.inputbox .input:valid ~ span :focus +{ + } + + + + diff --git a/src/components/signup/Signup.jsx b/src/components/signup/Signup.jsx index 0a575f3..e775551 100644 --- a/src/components/signup/Signup.jsx +++ b/src/components/signup/Signup.jsx @@ -9,18 +9,21 @@ const Signup = () => {

Sign in now and register for upcoming events and
future announcements.

- -
-
- Email -
- -
+
+
+ + + Email + +
+
+ +
- -
-
+
+ + From 7df6a3120089d0d19cc6f3c9c8bbe892905e390a Mon Sep 17 00:00:00 2001 From: Manavsheth78 Date: Thu, 9 Feb 2023 10:43:34 +0530 Subject: [PATCH 2/3] fdf --- src/components/signup/Signup.css | 3 +++ src/components/signup/Signup.jsx | 8 ++++++++ 2 files changed, 11 insertions(+) diff --git a/src/components/signup/Signup.css b/src/components/signup/Signup.css index 07dba2d..6ad7557 100644 --- a/src/components/signup/Signup.css +++ b/src/components/signup/Signup.css @@ -32,6 +32,7 @@ } +<<<<<<< HEAD .scontent{ display: flex; justify-content: center; @@ -79,3 +80,5 @@ +======= +>>>>>>> 8823b651373b5423cdf7c57224838b969736e12b diff --git a/src/components/signup/Signup.jsx b/src/components/signup/Signup.jsx index e775551..cc7f7dd 100644 --- a/src/components/signup/Signup.jsx +++ b/src/components/signup/Signup.jsx @@ -22,6 +22,14 @@ const Signup = () => { +<<<<<<< HEAD +======= +
+
+ Email: +
+
+>>>>>>> 8823b651373b5423cdf7c57224838b969736e12b From 67f5f85dc3e5a2f9f082b406d0af999a80197f81 Mon Sep 17 00:00:00 2001 From: Manavsheth78 Date: Thu, 9 Feb 2023 10:44:02 +0530 Subject: [PATCH 3/3] aad --- src/App.jsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index 5625d3a..5a0769a 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -25,10 +25,10 @@ const App = () => { - - + {/* */} + {/* */} {/* */} - + {/* */}