From 75ee88bcc7886bfda0cd43820c11ee36b81815a5 Mon Sep 17 00:00:00 2001
From: ap-justin <89639563+ap-justin@users.noreply.github.com>
Date: Wed, 11 Sep 2024 15:13:10 +0800
Subject: [PATCH] style buttons

---
 src/pages/Admin/Charity/Dashboard/LiqActions.tsx  |  8 ++++----
 src/pages/Admin/Charity/Dashboard/LockActions.tsx | 10 +++++-----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/pages/Admin/Charity/Dashboard/LiqActions.tsx b/src/pages/Admin/Charity/Dashboard/LiqActions.tsx
index 4bee76c3c7..e4701c332f 100644
--- a/src/pages/Admin/Charity/Dashboard/LiqActions.tsx
+++ b/src/pages/Admin/Charity/Dashboard/LiqActions.tsx
@@ -24,9 +24,9 @@ export function LiqActions({ classes = "", ...props }: Props) {
             effect: "append",
           })
         }
-        className="text-xs uppercase bg-blue-d1 text-white px-2 py-1 rounded-sm font-heading hover:bg-blue"
+        className="text-xs px-3 py-1 rounded-full font-heading border border-gray-l2 hover:border-gray outline-gray-d1"
       >
-        withdraw
+        Withdraw
       </button>
       <button
         type="button"
@@ -39,9 +39,9 @@ export function LiqActions({ classes = "", ...props }: Props) {
             effect: "append",
           })
         }
-        className="text-xs uppercase bg-blue-d1 text-white px-2 py-1 rounded-sm font-heading hover:bg-blue"
+        className="text-green-d1 bg-green-l5 text-xs px-3 py-1 rounded-full font-heading border border-green-l2 hover:border-green-l1 outline-green"
       >
-        invest
+        Invest
       </button>
     </div>
   );
diff --git a/src/pages/Admin/Charity/Dashboard/LockActions.tsx b/src/pages/Admin/Charity/Dashboard/LockActions.tsx
index 4ef7472e69..835d091a7f 100644
--- a/src/pages/Admin/Charity/Dashboard/LockActions.tsx
+++ b/src/pages/Admin/Charity/Dashboard/LockActions.tsx
@@ -12,7 +12,7 @@ interface Props {
 export function LockActions({ classes = "", ...props }: Props) {
   const { showModal } = useModalContext();
   return (
-    <div className={`${classes} flex justify-end`}>
+    <div className={`${classes} flex justify-end gap-x-2`}>
       <button
         type="button"
         onClick={() =>
@@ -24,9 +24,9 @@ export function LockActions({ classes = "", ...props }: Props) {
             effect: "append",
           })
         }
-        className="text-xs uppercase bg-blue-d1 text-white px-2 py-1 rounded-sm font-heading hover:bg-blue"
+        className="text-amber-d1 bg-amber-l5 text-xs px-3 py-1 rounded-full font-heading border border-amber-l2 hover:border-amber-l1 outline-amber"
       >
-        save
+        Save
       </button>
       <button
         type="button"
@@ -39,9 +39,9 @@ export function LockActions({ classes = "", ...props }: Props) {
             effect: "append",
           })
         }
-        className="text-xs uppercase bg-blue-d1 text-white px-2 py-1 rounded-sm font-heading hover:bg-blue"
+        className="text-xs px-3 py-1 rounded-full font-heading border border-gray-l2 hover:border-gray outline-blue-d1"
       >
-        withdraw
+        Withdraw
       </button>
     </div>
   );