#252 improve from UI

.gitignore

@@ -27,5 +27,3 @@ yarn-error.log*
 .vercel
 src/Components/utils/Functions/ngooVerify.js
 bfg-1.14.0.jar
-src/firebase.js
-public/firebase-messaging-sw.js

CONTRIBUTING.md

@@ -3,7 +3,7 @@
 ###  How to contribute
 - Take a look at the existing [Issues](https://github.com/Innovateninjas/Paws-frontend) or [create a new issue](https://github.com/Innovateninjas/Paws-frontend/issues/new/choose)!
 - Fork the Repo. Then, create a branch for any issue that you are working on. Finally, commit your work.
-- Create a **[Pull Request](https://github.com/Innovateninjas/Paws-frontend)** (_PR_), which will be promptly reviewed and given suggestions for improvements by the community.(request for review to [@codewarnab](https://github.com/codewarnab)
+- Create a **[Pull Request](https://github.com/Innovateninjas/Paws-frontend)** (_PR_), which will be promptly reviewed and given suggestions for improvements by the community.
 - Add screenshots or screen captures to your Pull Request to help us understand the effects of the changes proposed in your PR.
 
 ### Setup && Installation
@@ -47,7 +47,7 @@
 
 **System Design**
 - to understand how its working please take a look at [Paws System Design](https://excalidraw.com/#json=GMHuRPYEPAvFAn5xM4ok8,8w53-nnoWQeDL0hPE86s9A)
-For setting up backend please refer to [Paws Backend](https://github.com/Innovateninjas/Paws-Backend) for any kind of help regarding backend please create a [discussion](https://github.com/Innovateninjas/Paws-Backend/discussions)  their mention our backend dev [@anirbanmajumder0](https://github.com/anirbanmajumder0)
+For setting up backend please refer to [Paws Backend](https://github.com/Innovateninjas/Paws-Backend)
 
 # Gssoc'24 
  issues under gssoc24 time alloted is 5 days . if a issue needed more time we will mention it while assigning after alloted time is passed if no update is given issue will be assigned to other contributor 

src/App.css

@@ -42,8 +42,95 @@ body {
 }
 
 
+.divider:after,
+.divider:before {
+  content: "";
+  flex: 1;
+  height: 1px;
+  background: #eee;
+}
 
+.h-custom {
+  height: calc(100% - 73px);
+}
 
+@media (max-width: 450px) {
+  .h-custom {
+    height: 100%;
+  }
+}
+/* 
+.image-container {
+  overflow: hidden;
+  border-radius: 20px;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
+  margin: 10px;
+}
 
+.form-container {
+  overflow: hidden;
+  border-radius: 20px;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
+  margin: 10px;
+} */
 
+.container {
+  overflow: hidden;
+  border-radius: 20px;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
+  margin: 90px;
 
+}
+.form-container {
+    background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+  }
+
+  .form-title {
+    margin-top: 60px;
+    text-align: center;
+    font-weight: bold;
+    font-size: 2.5em;
+    color: #ffffff;
+  }
+
+  .input-field {
+    width: 100%;
+    margin-top: 20px;
+    padding: 10px;
+    border: none;
+    border-radius: 5px;
+    background-color: #eaeaea;
+    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
+  }
+
+  .button-container {
+    margin-top: 20px;
+    display: flex;
+    justify-content: center;
+  }
+
+  .error-message {
+    margin-top: 10px;
+    text-align: center;
+    color: #ff5555;
+  }
+
+  .additional-links {
+    margin-top: 20px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .additional-links a {
+    color: #ffffff;
+    text-decoration: none;
+  }
+
+  .additional-links a:hover {
+    text-decoration: underline;
+  }
+

src/Components/shared/LoginTextLink.jsx

@@ -14,10 +14,10 @@ import { Link } from "react-router-dom";
  */
 function LoginTextLink({ text, link, linkText, position, topPosition, bottomPosition ,leftPosition, rightPosition}) {
     return (
-        <p className="text-gray-700 text-[16px] font-bold">
+        <p className="text-gray-500 text-[16px] font-bold">
 
             {text || "Already have an account?"}
-            <Link to={link || "/login"} className="text-gray-200 tracking-wider text-sm font-medium underline inline-block mx-1">
+            <Link to={link || "/login"} className="text-sky-400 tracking-wider text-sm font-medium underline inline-block mx-1">
                 {linkText || "Login now!"}
             </Link>
         </p>