From d20201787d9bab94de8748a3398f23cdae26768b Mon Sep 17 00:00:00 2001
From: iqbalpa <iqbalpahlevi16@gmail.com>
Date: Mon, 15 Jul 2024 14:26:17 +0700
Subject: [PATCH] style(header): change button color

---
 src/components/header/header.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/header/header.tsx b/src/components/header/header.tsx
index b219a89..f217303 100644
--- a/src/components/header/header.tsx
+++ b/src/components/header/header.tsx
@@ -69,13 +69,13 @@ const Header: React.FC = () => {
             <>
               <Link
                 href="/watchlist"
-                className="rounded-lg bg-slate-200 bg-opacity-5 px-3 py-2 font-semibold duration-150 hover:scale-105 hover:bg-opacity-15 hover:text-slate-200 md:px-4"
+                className="rounded-lg border-2 bg-slate-200 bg-opacity-5 px-3 py-2 font-semibold duration-150 hover:scale-105 hover:bg-opacity-15 hover:text-slate-200 md:px-4"
               >
                 Watchlist
               </Link>
               <button
                 onClick={handleLogout}
-                className="flex cursor-pointer flex-row justify-center rounded-lg border-2 border-red-300 bg-red-300 bg-opacity-90 px-3 py-2 font-bold text-red-500 duration-150 hover:scale-105 hover:bg-red-200 hover:text-red-700 md:px-4"
+                className="flex cursor-pointer flex-row justify-center rounded-lg border-2 border-red-200 bg-red-200 bg-opacity-90 px-3 py-2 font-bold text-red-700 duration-150 hover:scale-105 hover:border-red-400 hover:bg-red-400 hover:text-red-900 md:px-4"
               >
                 <p className="mr-2">Logout</p>
                 <LogOut />
@@ -85,15 +85,15 @@ const Header: React.FC = () => {
             <>
               <Link
                 href="/signin"
-                className="rounded-lg bg-slate-200 bg-opacity-5 px-3 py-2 font-semibold duration-150 hover:scale-105 hover:bg-opacity-15 hover:text-slate-200 md:px-4"
+                className="rounded-lg border-2 bg-slate-200 bg-opacity-5 px-3 py-2 font-semibold duration-150 hover:scale-105 hover:bg-opacity-15 hover:text-slate-200 md:px-4"
               >
                 Watchlist
               </Link>
               <Link
                 href="/signin"
-                className="flex cursor-pointer flex-row justify-center rounded-lg border-2 border-green-300 bg-green-300 bg-opacity-90 px-3 py-2 font-bold text-green-500 duration-150 hover:scale-105 hover:bg-green-200 hover:text-green-700 md:px-4"
+                className="flex cursor-pointer flex-row justify-center rounded-lg border-2 border-green-200 bg-green-200 bg-opacity-90 px-3 py-2 font-bold text-green-700 duration-150 hover:scale-105 hover:border-green-400 hover:bg-green-400 hover:text-green-900 md:px-4"
               >
-                <p className="mr-2">Login</p>
+                <p className="mr-2">Sign In</p>
                 <LogIn />
               </Link>
             </>