mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-04-27 09:46:25 +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} />
|
||||
),
|
||||
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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue