fix: action buttons are now responsive

Signed-off-by: Federico Morreale <frc.morreale@gmail.com>
2023-09-28 11:44:56 +02:00
parent 998d5a704e
commit 086b5ccabc
1 changed files with 8 additions and 1 deletions
@@ -37,7 +37,14 @@ export const ContentBlock = ({
    {children && React.isValidElement(children) ? children : <p>{children}</p>}

    {actionButtons && (
-      <div className="actionButtons">
+      <div
+        className="actionButtons"
+        style={{
+          display: 'grid',
+          gridTemplateColumns: 'repeat(auto-fill, minmax(200px, 1fr))',
+          gap: '15px',
+        }}
+      >
        {actionButtons.map(({ link, label }, index) => (
          <Link
            key={index}