login/signup configured

kaloa2025 · May 28, 2024 · e81eb10 · e81eb10
1 parent caf39aa
commit e81eb10
Show file tree

Hide file tree

Showing 5 changed files with 48 additions and 36 deletions.
diff --git a/src/App.js b/src/App.js
@@ -5,8 +5,8 @@ import EditProfile from './components/screens/EditProfile';
 import QuizReport from './components/screens/QuizReport';
 import CourseScreen from './components/screens/CourseScreen';
 import SuggestionForm from './components/screens/SuggestionForm';
-import Signup from './components/LoginSignup/Signup';
-import Login from './components/LoginSignup/Login';
+import Login from './components/screens/Login';
+import Signup from './components/screens/Signup';
 
 function App() {
  return (
@@ -16,11 +16,9 @@ function App() {
  {/* <EditProfile/> */}
  {/* <QuizReport/> */}
  {/* <CourseScreen/> */}
- {/* <SuggestionForm/> */}
- <Signup />
- <Login />
-
-
+ <SuggestionForm/>
+ {/* <Login/> */}
+ {/* <Signup/> */}
  </div>
 
  );

diff --git a/src/components/LoginSignup/Login.jsx → src/components/screens/Login.jsx b/src/components/LoginSignup/Login.jsx → src/components/screens/Login.jsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import './LoginSignup.css'
+import '../../styles/loginsignup.css'
 
 const Login = () => {
  return(

diff --git a/src/components/LoginSignup/Signup.jsx → src/components/screens/Signup.jsx b/src/components/LoginSignup/Signup.jsx → src/components/screens/Signup.jsx
@@ -1,6 +1,5 @@
 import React from 'react';
-
-import './LoginSignup.css'
+import '../../styles/loginsignup.css'
 
 const Signup = () => {
  return(

diff --git a/src/components/LoginSignup/LoginSignup.css → src/styles/loginsignup.css b/src/components/LoginSignup/LoginSignup.css → src/styles/loginsignup.css
@@ -1,76 +1,86 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;400;500;700;900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Hammersmith+One&family=Inter:wght@100;200;400;500;700;900&display=swap');
+
 .container{
  display: flex;
  flex-direction: column;
  margin: auto;
- margin-top: 250px;
  background: white;
  padding-bottom: 30px;
  width: 400px;
-
+ align-items: center;
+ align-content: center;
 }
-
 .header{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
- margin-top: 30px;
-
+ margin-top: 20%;
+ font-family: Inter,'sans-serif';
+ font-size: larger;
 }
 
 .heading1{
  color:black;
  font-size: 24;
- font-family: 'Inter';
- font-weight: 600;
+ font-family: Inter,'sans-serif';
+ font-weight: 500;
+ margin-bottom: 1%;
 }
 
 .heading2{
  color: black;
- font-size: 16;
- font-family: 'Inter';
- font-style: normal;
+ font-family: Inter,'sans-serif';
+ font-weight: 200;
+ font-size: 12px;
+ margin-bottom: 1%;
 }
 
-
 .inputs{
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 8px;
+ font-family: Inter,'sans-serif';
+ font-weight: 500;
+ font-size: small;
 }
 
 .input{
  display:flex;
  align-items: center;
  margin: auto;
  width: 400px;
- height: 40px;
+ height: 38px;
  background: white;
  border: 2px solid #E0E0E0;
- border-radius: 6px;
-
+ border-radius: 6px; 
 }
 
 
 .input input{
- height: 40px;
+ height: 38px;
  width: 400px;
  background: transparent;
  border:none;
  outline: none;
  color: #828282;
  font-size: 20px;
-
+ font-family: Inter,'sans-serif';
+ font-weight: 500;
+ font-size: small;
+ margin-left: 3%;
 }
 
 .termscond{
  margin-top: 15px;
  color: #828282;
- font-family: 'Inter';
- font-size: 16px;
- font-style: normal;
+ font-family: Inter,'sans-serif';
+ font-weight: 500;
+ font-size: 80%;
+ text-align: center;
 }
 
 .termscond span{
@@ -82,7 +92,7 @@
  display: flex;
  flex-direction: column;
  gap: 6px;
- margin-top: 15px;
+ margin-top: 3%;
 }
 
 .submit1{
@@ -94,12 +104,16 @@
  color: black;
  background: #24ff00;
  border-radius: 8px;
- font-family: 'Inter';
- font-weight: 700;
+ font-family: Inter,'sans-serif';
+ font-weight: 500;
+ font-size: small;
  cursor: pointer;
 }
-
+.submit1:hover{
+ box-shadow: 0px 4px 5px rgba(128, 128, 128, 0.591);
+}
 .submit2{
+ margin-top: 1%;
  display: flex;
  justify-content: center;
  align-items: center;
@@ -108,8 +122,9 @@
  color: white;
  background: #454545;
  border-radius: 8px;
- font-family: 'Inter';
- font-weight: 700;
+ font-family: Inter,'sans-serif';
+ font-weight: 500;
+ font-size: small;
  cursor: pointer;
 
 }
diff --git a/src/styles/newsuggestionform.css b/src/styles/newsuggestionform.css
@@ -4,4 +4,4 @@
 .form-container{
  width: 100%;
  background-color: #454545;
-}
+}