docs(nxdev): add bottom margin and reduce padding on ui tabs (#14119)

nrwl · Jan 3, 2023 · 40e924a · 40e924a · vercel · Jan 3, 2023
1 parent 843bad1
commit 40e924a
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/nx-dev/ui-markdoc/src/lib/tags/tabs.component.tsx b/nx-dev/ui-markdoc/src/lib/tags/tabs.component.tsx
@@ -26,7 +26,7 @@ export function Tabs({
                   aria-selected={label === currentTab}
                   onClick={() => setCurrentTab(label)}
                   className={cx(
-                    'whitespace-nowrap border-b-2 border-transparent py-4 px-2 text-sm font-medium',
+                    'whitespace-nowrap border-b-2 border-transparent p-2 text-sm font-medium',
                     label === currentTab
                       ? 'border-blue-500 text-slate-800 dark:border-sky-500 dark:text-slate-300'
                       : 'text-slate-500 hover:border-blue-500 hover:text-slate-800 dark:text-slate-400 dark:hover:border-sky-500 dark:hover:text-slate-300'
@@ -57,5 +57,9 @@ export function Tab({
     return null;
   }
 
-  return <div className="prose prose-slate dark:prose-invert">{children}</div>;
+  return (
+    <div className="prose prose-slate dark:prose-invert mt-4 max-w-none">
+      {children}
+    </div>
+  );
 }