fix: table overflow x fixes #428

Signed-off-by: Innei <i@innei.in>
Innei · Aug 16, 2024 · 2878220 · 2878220
1 parent 1d27e2d
commit 2878220
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/ui/markdown/renderers/table.tsx b/src/components/ui/markdown/renderers/table.tsx
@@ -7,10 +7,12 @@ import { WrappedElementProvider } from '~/providers/shared/WrappedElementProvide
 export const MTable: FC<JSX.IntrinsicElements['table']> = (props) => {
   const { className, ...rest } = props
   return (
-    <table
-      {...rest}
-      className={clsxm('table table-zebra table-pin-rows', className)}
-    />
+    <div className="w-full min-w-0 overflow-auto">
+      <table
+        {...rest}
+        className={clsxm('table table-zebra table-pin-rows', className)}
+      />
+    </div>
   )
 }