mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-06-06 20:15:17 +02:00
feat(markdown): wrap table component in a responsive container for improved layout and mobile responsive
This commit is contained in:
parent
6d05a13167
commit
6eedce839a
1 changed files with 9 additions and 7 deletions
|
|
@ -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
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue