Merge pull request #10 from nuuxcode/frontend

update button logout
nuuxcode · Dec 2, 2023 · 3c3c77a · 3c3c77a
2 parents 03ac98a + 1d68d85
commit 3c3c77a
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/frontend/src/components/logoutButton.component.tsx b/frontend/src/components/logoutButton.component.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@chakra-ui/react";
+import { Center } from "@chakra-ui/react";
 import React from "react";
 import axios from "../apis/axios";
 import { useNavigate } from "react-router-dom";
@@ -27,9 +27,13 @@ function LogoutButton({ children }: { children: React.ReactNode }) {
   };
 
   return (
-    <Button width={"full"} onClick={handleLogout}>
+    <Center
+      className="bg-gray-100 font-medium text-base rounded-lg py-2 hover:bg-gray-300 cursor-pointer"
+      width={"full"}
+      onClick={handleLogout}
+    >
       {children}
-    </Button>
+    </Center>
   );
 }