feat: connection panel reponsive

2026-07-23 12:20:17 +02:00
parent 2c35ab923d
commit a77c0668aa
9 changed files with 215 additions and 98 deletions
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@ -70,17 +70,22 @@ export default function Button({
  }, [fontSize, children, W]);

  const button = (
-    <button
-      type={type}
-      className={`btn btn-${variant} ${className}`}
-      onClick={onClick}
-      disabled={disabled}
-      style={{ width: '100%', height: '100%', fontSize: `${computedFontSize}px`, ...style }}
-      {...props}
-    >
-      {children}
-    </button>
-  );
+  <button
+    type={type}
+    className={`btn btn-${variant} ${className}`}
+    onClick={onClick}
+    disabled={disabled}
+    style={{
+      width: scale ? '100%' : W,
+      height: scale ? '100%' : H,
+      fontSize: `${computedFontSize}px`,
+      ...style,
+    }}
+    {...props}
+  >
+    {children}
+  </button>
+);

  if (!scale) return button;