Fixed top header to more dynamic

2026-03-03 09:53:57 +08:00
parent 672e6e0a1d
commit 3eb0ee06fb
24 changed files with 260 additions and 41 deletions
--- a/frontend/src/app/components/buttons/primarybutton/PrimaryButton.jsx
+++ b/frontend/src/app/components/buttons/primarybutton/PrimaryButton.jsx
@@ -4,8 +4,8 @@ import AddIcon from "../../icons/add";
 const PrimaryButton = (props) => {
  return (
    <button className={styles.button} {...props}>
-      <AddIcon width={20} height={20} />
-      Add
+      {props?.icon}
+      {props.text}
    </button>
  );
 };
--- a/frontend/src/app/components/buttons/primarybutton/styles.module.css
+++ b/frontend/src/app/components/buttons/primarybutton/styles.module.css
@@ -1,14 +1,14 @@
 .button {
  display: flex;
-  padding: 8px 24px;
+  padding: 7px 15px;
  justify-content: center;
  align-items: center;
-  gap: 8px;
-  font-family: inter;
+  gap: 10px;
+  border-radius: 6px;
  border-radius: 6px;
  border: 0.5px solid #8187ff;
  background: rgba(83, 89, 242, 0.25);
-  color: #fff;
+  color: white;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;