sigin page CSS isuue sloved & Footer

ChandelAnish · Oct 21, 2024 · 85c9e22 · 85c9e22
1 parent b5b3043
commit 85c9e22
Show file tree

Hide file tree

Showing 7 changed files with 672 additions and 15 deletions.
diff --git a/auth/signin/index.html b/auth/signin/index.html
@@ -82,6 +82,8 @@ <h1 class="h3 mb-3 fw-normal">Welcome back !</h1>
     });
   </script>
 
+
+
 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
 </body>
 </html>
diff --git a/client/index.html b/client/index.html
@@ -54,13 +54,24 @@
         border-radius: 4px;
       }
       .sign-in-form button {
-        width: 100%;
+        width: 10%;
         padding: 10px;
         background-color: #35424a;
         color: white;
         border: none;
         border-radius: 4px;
         cursor: pointer;
+        margin-bottom: 200px;
+        align-items: center;
+        justify-content: center;
+
+
+      }
+
+      .sign-in-form .btn{
+        align-items: center;
+
+        justify-content: center;
       }
       .sign-in-form button:hover {
         background-color: #434f59;
@@ -70,10 +81,18 @@
         color: white;
         text-align: center;
         padding: 10px 0;
-        position: absolute;
         bottom: 0;
         width: 100%;
       }
+      footer a{
+        color: white;
+        text-decoration: none;
+      }
+      footer ul{
+        list-style: none;
+        padding: 0;
+      }
+
     </style>
   </head>
   <body>
@@ -90,18 +109,37 @@ <h1>Welcome to fusionFLOW</h1>
         <h2>Sign In</h2>
         <form id="signInForm">
           <label for="username">Username:</label>
-          <input type="text" id="username" name="username" required />
+          <input type="text" id="username" name="username" required aria-label="Username" />
 
           <label for="password">Password:</label>
-          <input type="password" id="password" name="password" required />
+          <input type="password" id="password" name="password" required aria-label="Password" />
+          <div class="btn">
+            <button type="submit">Sign In</button>
+
+          </div>
+
 
-          <button type="submit">Sign In</button>
         </form>
       </div>
     </main>
     <footer>
-      <p>&copy; 2024 fusionFLOW. All rights reserved.</p>
-    </footer>
-    <script type="module" src="/src/main.jsx"></script>
+          <div class="footer-container">
+              <div class="footer-links">
+                  <h4>Quick Links</h4>
+                  <ul>
+                      <li><a href="#features">Features</a></li>
+                      <li><a href="#about">About</a></li>
+                      <li><a href="#contact">Contact</a></li>
+                      <li><a href="#privacy">Privacy Policy</a></li>
+                  </ul>
+              </div>
+
+          </div>
+          <div class="footer-bottom">
+              <p>&copy; 2024 fusionFLOW. All rights reserved.</p>
+          </div>
+      </footer>
+
+    <script type="module" src="/src/app.jsx"></script>
   </body>
 </html>
diff --git a/client/src/App.jsx b/client/src/App.jsx
@@ -5,6 +5,8 @@ import SideBar from './components/SideBar';
 import { Outlet, useLoaderData } from 'react-router-dom';
 import { useDispatch } from 'react-redux';
 import { userDetailsSliceAction } from './store/UserDetails';
+import Footer from './components/Footer';
+import SignIn from './auth/SignIn';
 
 function App() {
   const dispatch = useDispatch();
@@ -19,6 +21,10 @@ function App() {
       <div className="content w-100">
         <Navbar />
         <Outlet />
+        <SignIn/>
+        <Footer/>
+
+
       </div>
     </div>
   );

diff --git a/client/src/auth/SignIn.jsx b/client/src/auth/SignIn.jsx
@@ -85,7 +85,7 @@ export default function SignIn() {
                 Remember me
               </label>
             </div>
-            <button className="btn btn-primary py-2" type="submit" style={{ width: "10rem" }}>
+            <button className="btn btn-primary py-2" style="align-items:center" type="submit" style={{ width: "10rem" }}>
               Sign in
             </button>
 

diff --git a/client/src/main.jsx b/client/src/main.jsx
@@ -54,6 +54,7 @@ const AppRoot = () => {
       <Provider store={store}>
         <RouterProvider router={router} />
       </Provider>
+      <App/>
     </QueryClientProvider>
   );
 };

diff --git a/package-lock.json b/package-lock.json
-Original file line number
+Diff line change
@@ Expand Up / @@ -82,6 +82,8 @@ <h1 class="h3 mb-3 fw-normal">Welcome back !</h1> @@
         });
       </script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
     </body>
     </html>