feat(markdown): wrap table component in a responsive container for improved layout and mobile responsive

This commit is contained in:
Anish Sarkar 2026-01-27 21:13:16 +05:30
parent 6d05a13167
commit 6eedce839a

View file

@ -252,13 +252,15 @@ const defaultComponents = memoizeMarkdownComponents({
<hr className={cn("aui-md-hr my-5 border-b", className)} {...props} />
),
table: ({ className, ...props }) => (
<table
className={cn(
"aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto",
className
)}
{...props}
/>
<div className="aui-md-table-wrapper my-5 w-full overflow-x-auto">
<table
className={cn(
"aui-md-table w-full min-w-max border-separate border-spacing-0",
className
)}
{...props}
/>
</div>
),
th: ({ className, children, ...props }) => (
<th