From bfc238962b53f3f7e6fe7d0395bf27360b7f1cda Mon Sep 17 00:00:00 2001 From: Kratik1093 Date: Sun, 8 Sep 2024 20:21:07 +0530 Subject: [PATCH] form-relative --- src/AlertModal/AlertModal.jsx | 2 +- src/App.js | 11 +++++------ src/Create_paper/Createpaper.css | 8 ++++++-- src/Create_paper/Createpaper.jsx | 8 +++++--- src/Forgot_Password/Forgot_Password.css | 7 +++++++ src/Forgot_Password/Forgot_Password.jsx | 2 ++ src/Login/Login.css | 15 +++++++++------ src/Login/Login.jsx | 2 ++ .../QuestionPaperDashboard.css | 7 +++++++ .../QuestionPaperDashboard.jsx | 3 ++- src/Reset_Password/Reset_Password.css | 7 +++++++ src/Reset_Password/Reset_Password.jsx | 2 ++ src/edit_question/edit_question.jsx | 3 ++- src/error/error.css | 12 ++++++++++-- 14 files changed, 67 insertions(+), 22 deletions(-) diff --git a/src/AlertModal/AlertModal.jsx b/src/AlertModal/AlertModal.jsx index 42e660d..f8818e0 100644 --- a/src/AlertModal/AlertModal.jsx +++ b/src/AlertModal/AlertModal.jsx @@ -15,7 +15,7 @@ import './AlertModal.css'; import cross from "../Assets/cross-mark.svg"; import tick from "../Assets/accept-check-good-mark-ok-tick.svg"; -const AlertModal = ({ isOpen, onClose, onConfirm, message, iserror, isAlert }) => { +const AlertModal = ({ isOpen, onClose, onConfirm, message, iserror }) => { var image = iserror ? cross : tick; const handleClose = () => { diff --git a/src/App.js b/src/App.js index a127876..4254466 100644 --- a/src/App.js +++ b/src/App.js @@ -70,15 +70,14 @@ const App = () => { } /> } /> }/> - - }/> - }/> - )} - - } /> + + + + {/* Error404 Route */} + }/> ); }; diff --git a/src/Create_paper/Createpaper.css b/src/Create_paper/Createpaper.css index 97d5892..ace5462 100644 --- a/src/Create_paper/Createpaper.css +++ b/src/Create_paper/Createpaper.css @@ -1,10 +1,14 @@ +.create_paper_container_main{ + display: flex; + align-items: center; + justify-content: center; +} .create_paper_container { display: flex; justify-content: center; flex-direction: column; align-items: center; - - background-color: #1a1a1a; + } .create_paper_form { diff --git a/src/Create_paper/Createpaper.jsx b/src/Create_paper/Createpaper.jsx index 5c0d49a..dc42f46 100644 --- a/src/Create_paper/Createpaper.jsx +++ b/src/Create_paper/Createpaper.jsx @@ -76,9 +76,10 @@ const Createpaper = () => { } }; - return ( - <> - + return (<> + +
+
@@ -198,6 +199,7 @@ const Createpaper = () => { message={modalMessage} iserror={isError} /> +
); }; diff --git a/src/Forgot_Password/Forgot_Password.css b/src/Forgot_Password/Forgot_Password.css index 27beeb8..c15ee3f 100644 --- a/src/Forgot_Password/Forgot_Password.css +++ b/src/Forgot_Password/Forgot_Password.css @@ -1,3 +1,10 @@ +.forgot-container-main{ + background-color: #282828; + display: flex; + align-items: center; + justify-content: center; +min-height: 100vh; +} .forgot-container { width: 100%; diff --git a/src/Forgot_Password/Forgot_Password.jsx b/src/Forgot_Password/Forgot_Password.jsx index d01b2a2..69d2236 100644 --- a/src/Forgot_Password/Forgot_Password.jsx +++ b/src/Forgot_Password/Forgot_Password.jsx @@ -32,6 +32,7 @@ const ForgotPassword = () => { }; return ( +
Logo

Forgot Your Password?

@@ -56,6 +57,7 @@ const ForgotPassword = () => { iserror={isError} />
+
); }; diff --git a/src/Login/Login.css b/src/Login/Login.css index 1eb7465..7182f13 100644 --- a/src/Login/Login.css +++ b/src/Login/Login.css @@ -1,5 +1,11 @@ - + .lpgin-container-main{ + background-color: #282828; + display: flex; + align-items: center; + justify-content: center; +min-height: 100vh; + } .login-container { width: 100%; max-width: 400px; @@ -11,11 +17,8 @@ border: 1px solid #ccc; box-shadow: 0px 0px 10px white; border-radius: 8px; - background-color: #282828; - position: absolute; - top:50%; - left:50%; - transform: translate(-50%,-50%); + + } .login-container img { diff --git a/src/Login/Login.jsx b/src/Login/Login.jsx index c90a607..9f12736 100644 --- a/src/Login/Login.jsx +++ b/src/Login/Login.jsx @@ -123,6 +123,7 @@ function Login() { }; return ( +
Logo

Teacher : Login

@@ -184,6 +185,7 @@ function Login() { iserror={isError} />
+
); } diff --git a/src/QuestionPaperDashboard/QuestionPaperDashboard.css b/src/QuestionPaperDashboard/QuestionPaperDashboard.css index a843abb..fe3377c 100644 --- a/src/QuestionPaperDashboard/QuestionPaperDashboard.css +++ b/src/QuestionPaperDashboard/QuestionPaperDashboard.css @@ -1,3 +1,10 @@ +.question-list-container-main{ + background-color: #282828; + display: flex; + align-items: center; + justify-content: center; + min-height: 100vh; +} .question-list-container { width: 100%; diff --git a/src/QuestionPaperDashboard/QuestionPaperDashboard.jsx b/src/QuestionPaperDashboard/QuestionPaperDashboard.jsx index efe9c0c..db1a8e6 100644 --- a/src/QuestionPaperDashboard/QuestionPaperDashboard.jsx +++ b/src/QuestionPaperDashboard/QuestionPaperDashboard.jsx @@ -130,6 +130,7 @@ const QuestionPaperDashboard = () => { return ( <> +
{questions.length > 0 ? ( <> @@ -229,7 +230,7 @@ const QuestionPaperDashboard = () => { )}
- +
{/* Alert Modal */} < AlertModal isOpen={modalIsOpen} diff --git a/src/Reset_Password/Reset_Password.css b/src/Reset_Password/Reset_Password.css index 7f753a6..1e1399d 100644 --- a/src/Reset_Password/Reset_Password.css +++ b/src/Reset_Password/Reset_Password.css @@ -1,3 +1,10 @@ +.reset-container-main{ + background-color: #282828; + display: flex; + align-items: center; + justify-content: center; +min-height: 100vh; +} .reset-container { width: 100%; diff --git a/src/Reset_Password/Reset_Password.jsx b/src/Reset_Password/Reset_Password.jsx index 42176f4..f075f6e 100644 --- a/src/Reset_Password/Reset_Password.jsx +++ b/src/Reset_Password/Reset_Password.jsx @@ -83,6 +83,7 @@ const Reset_Password = () => { }; return ( +
logo

Teacher: Reset Password

@@ -124,6 +125,7 @@ const Reset_Password = () => { iserror={isError} />
+
); }; diff --git a/src/edit_question/edit_question.jsx b/src/edit_question/edit_question.jsx index f896ef3..530ffea 100644 --- a/src/edit_question/edit_question.jsx +++ b/src/edit_question/edit_question.jsx @@ -9,6 +9,7 @@ import Navbar from '../Navbar/Navbar'; return ( <> +

Add Question

@@ -101,6 +102,6 @@ return ( /> ); -}; + export default Question; \ No newline at end of file diff --git a/src/error/error.css b/src/error/error.css index a21af53..b2532e8 100644 --- a/src/error/error.css +++ b/src/error/error.css @@ -4,7 +4,6 @@ flex-direction: column; align-items: center; justify-content: center; - height: 100vh; text-align: center; color: white; } @@ -16,8 +15,9 @@ } .panda-image { - width: 450px; + width: 500px; margin-bottom: 0px; + margin-top: -80px; } .error404-text { @@ -38,3 +38,11 @@ .go-back-button:hover { background-color: #e6e6e6; } +@media (max-width:768px) { + .panda-image{ + width: 300px; + } + .error-container{ + height: 100vh; + } +} \ No newline at end of file