refact css sytem

2026-03-02 03:36:21 -05:00
parent c2515472b2
commit 8a5f5db903
20 changed files with 1039 additions and 1049 deletions
--- a/frontend/src/components/Button.jsx
+++ b/frontend/src/components/Button.jsx
@@ -1,20 +1,19 @@
+import "./Button.css";
+
 export default function Button({
    children,
    onClick,
    disabled = false,
    type = "button",
+    variant = "primary",
+    className = "",
 }) {
    return (
        <button
            type={type}
            onClick={onClick}
            disabled={disabled}
-            style={{
-                padding: "0.5rem 1rem",
-                fontSize: "1rem",
-                cursor: disabled ? "not-allowed" : "pointer",
-                opacity: disabled ? 0.6 : 1,
-            }}
+            className={`btn btn--${variant} ${className}`}
        >
            {children}
        </button>