Merge pull request #586 from subodhkangale07/Subodh

Fixed the Navbar for better UX and change the css of logon and register according to the color pallet of Website i Dark mode
Luson045 · Nov 9, 2024 · 1a31c7c · 1a31c7c
2 parents 8e41e25 + 1df6c33
commit 1a31c7c
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -40,7 +40,7 @@
     "react-loader-spinner": "^6.1.6",
     "react-responsive": "^10.0.0",
     "react-router-dom": "^6.27.0",
-    "react-scripts": "5.0.1",
+    "react-scripts": "^5.0.1",
     "react-spring": "^9.7.4",
     "react-toastify": "^10.0.5",
     "react-visibility-sensor": "^5.1.1",

diff --git a/client/src/components/MultiStepRegistration.jsx b/client/src/components/MultiStepRegistration.jsx
@@ -151,16 +151,18 @@ function MultiStepRegistration() {
       }}
     >
       <div
-        className={`steps-container ${dark === 'dark' ? 'bg-gray-900 text-yellow-400' : 'bg-white text-gray-700'} transition-colors duration-300 p-4 rounded-lg`}
+        className={`steps-container ${dark === 'dark'
+          ? 'bg-gray-900 text-purple-400'
+          : 'bg-gray-200 text-gray-900'} transition-colors duration-300 p-4 rounded-lg`}
       >
         <Steps current={currentStep} onChange={handleNextStepValidation}>
           <Step
             title={
               <span
                 className={
                   dark === 'dark'
-                    ? 'font-bold text-yellow-400'
-                    : 'font-bold text-gray-700'
+          ? ' font-bold text-purple-400'
+          : ' font-bold text-gray-900'
                 }
               >
                 Basic details
@@ -173,8 +175,8 @@ function MultiStepRegistration() {
               <span
                 className={
                   dark === 'dark'
-                    ? 'font-bold text-yellow-400'
-                    : 'font-bold text-gray-700'
+          ? ' font-bold text-purple-400'
+          : ' font-bold text-gray-900'
                 }
               >
                 Other details
@@ -187,8 +189,8 @@ function MultiStepRegistration() {
               <span
                 className={
                   dark === 'dark'
-                    ? 'font-bold text-yellow-400'
-                    : 'font-bold text-gray-700'
+          ? ' font-bold text-purple-400'
+          : ' font-bold text-gray-900'
                 }
               >
                 Review and Register