Merge pull request 'style/responsive-table' (#4) from style/responsive-table into main

Reviewed-on: #4

app/components/syntax/PrevNextLinks.tsx

@@ -80,7 +80,7 @@ export function PrevNextLinks() {
   if (!nextPage && !previousPage) return null;
 
   return (
-    <dl className="mt-12 flex border-t border-slate-200 pt-6 dark:border-slate-800">
+    <dl className="mt-12 flex gap-4 border-t border-slate-200 pt-6 dark:border-slate-800">
       {previousPage && <PageLink dir="previous" {...previousPage} />}
       {nextPage && <PageLink className="ml-auto text-right" {...nextPage} />}
     </dl>

app/markdoc/nodes.tsx

@@ -51,6 +51,16 @@ const nodes = {
       },
     },
   },
+  table: {
+    ...defaultNodes.table,
+    attributes: {
+      ...defaultNodes.table.attributes,
+      class: {
+        type: String,
+        default: "block max-w-full overflow-x-auto border-collapse text-sm",
+      },
+    },
+  },
   th: {
     ...defaultNodes.th,
     attributes: {