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} /> <hr className={cn("aui-md-hr my-5 border-b", className)} {...props} />
), ),
table: ({ className, ...props }) => ( table: ({ className, ...props }) => (
<table <div className="aui-md-table-wrapper my-5 w-full overflow-x-auto">
className={cn( <table
"aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto", className={cn(
className "aui-md-table w-full min-w-max border-separate border-spacing-0",
)} className
{...props} )}
/> {...props}
/>
</div>
), ),
th: ({ className, children, ...props }) => ( th: ({ className, children, ...props }) => (
<th <th