style buttons

AngelProtocolFinance · Sep 11, 2024 · 75ee88b · 75ee88b
1 parent 3ecd657
commit 75ee88b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git 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
@@ -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>
  );