From ed7afb399540aa586d3b5fe859b8bb07b2e04454 Mon Sep 17 00:00:00 2001
From: Anukriti <97687618+anuukriti@users.noreply.github.com>
Date: Sun, 19 May 2024 14:39:12 +0530
Subject: [PATCH] Adding hover effect over the login now and register now texts
 (#359)

* Adding hover effect over the login now and register now texts

* update function  LoginTextLink
---
 src/Components/shared/LoginTextLink.jsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/Components/shared/LoginTextLink.jsx b/src/Components/shared/LoginTextLink.jsx
index bd716592..e86bb797 100644
--- a/src/Components/shared/LoginTextLink.jsx
+++ b/src/Components/shared/LoginTextLink.jsx
@@ -12,12 +12,14 @@ import { Link } from "react-router-dom";
  * @param {string} [props.bottomPosition] - The bottom CSS property for the text link.
  * @returns {JSX.Element} A JSX element representing the LoginTextLink component.
  */
-function LoginTextLink({ text, link, linkText, position, topPosition, bottomPosition ,leftPosition, rightPosition}) {
+function LoginTextLink({text, link, linkText, position, topPosition, bottomPosition, leftPosition, rightPosition}) {
     return (
         <p className="text-gray-500 text-[16px] font-bold">
-        
             {text || "Already have an account?"}
-            <Link to={link || "/login"} className="text-sky-400 tracking-wider text-sm font-medium underline inline-block mx-1">
+            <Link
+                to={link || "/login"}
+                className="text-sky-400 cursor-pointer hover:text-[#312E81] hover:font-bold transition-all ease-in-out tracking-wider text-sm font-medium underline inline-block mx-1"
+            >
                 {linkText || "Login now!"}
             </Link>
         </p>