Merge pull request #147 from rsksmart/hotfix

Fix table scroll on mobile, fix class attribute in Steps component
rsksmart · Nov 8, 2024 · 13edadd · 13edadd
2 parents 2625579 + 4a6aff8
commit 13edadd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/Steps/Step/index.js b/src/components/Steps/Step/index.js
@@ -6,10 +6,10 @@ import styles from "./styles.module.scss";
 export default function Step({children, title, index, ...props}) {
 
   return <div className={clsx(styles.Step)}>
-    <div class={clsx(styles.StepHeader, 'd-flex gap-8 align-items-center flex-wrap py-4')}>
+    <div className={clsx(styles.StepHeader, 'd-flex gap-8 align-items-center flex-wrap py-4')}>
       <h4 className="m-0 fs-14 fw-medium lh-base">{title}</h4>
     </div>
-    <div class={`border-start ps-14 ms-20 py-10 markdown`}>
+    <div className={`border-start ps-14 ms-20 py-10 markdown`}>
       {children}
     </div>
   </div>

diff --git a/src/scss/base/_content.scss b/src/scss/base/_content.scss
@@ -130,7 +130,9 @@ ul{
   }
 
   table{
-    display: table;
+    @include media-breakpoint-up(lg) {
+      display: table;
+    }
     &, tbody{
       width: 100%;
     }
@@ -139,6 +141,9 @@ ul{
       & > :last-child{
         margin-bottom: 0;
       }
+      @include media-breakpoint-down(lg) {
+        min-width: 120px;
+      }
     }
     tr{
       border: none;