fix: UI issue on table contents which is overlapping layout on docs page.

Santhosh-testsigma · Santhosh-testsigma · commit 3e4a571871bf · 2023-10-26T14:07:28.000+05:30
diff --git a/src/templates/page.jsx b/src/templates/page.jsx
@@ -73,7 +73,7 @@ export default ({ data, pageContext }) => {
                                 </div>
 
                             </main>
-                            <aside className="w-1/5">
+                            <aside className="w-1/5 bg-white">
                                 <hr className="d-block lg:hidden" />
                                 <div className="top-0 top-1 border-l pl-4 py-16 sticky">
                                     <div className="edit-button">
diff --git a/src/templates/page.scss b/src/templates/page.scss
@@ -660,4 +660,18 @@ code[class*="language-"] {
   @media only screen and (max-width: 767px) {
     @apply px-8; 
   }
+}
+
+table{
+  thead, tbody{
+    @apply w-full;
+    tr{
+      td, th{
+        word-wrap: break-word;
+        li{
+          @apply break-all w-full;
+        }
+      }
+    }
+  }
 }
