add missing nx- prefixes to table/th/tr elements (#921)

shuding · Oct 24, 2022 · 1c3fedb · 1c3fedb
1 parent d0b93ee
commit 1c3fedb
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 4 deletions.
diff --git a/.changeset/khaki-ties-wink.md b/.changeset/khaki-ties-wink.md
@@ -0,0 +1,7 @@
+---
+'nextra': patch
+'nextra-theme-blog': patch
+'nextra-theme-docs': patch
+---
+
+add missing `nx-` prefixes to table/th/tr elements
diff --git a/packages/nextra/src/components/table.tsx b/packages/nextra/src/components/table.tsx
@@ -4,5 +4,5 @@ export const Table = ({
   className = '',
   ...props
 }: ComponentProps<'table'>) => (
-  <table className={'block overflow-x-scroll ' + className} {...props} />
+  <table className={'nx-block nx-overflow-x-scroll ' + className} {...props} />
 )
diff --git a/packages/nextra/src/components/th.tsx b/packages/nextra/src/components/th.tsx
@@ -2,7 +2,7 @@ import React, { ComponentProps } from 'react'
 
 export const Th = (props: ComponentProps<'th'>) => (
   <th
-    className="m-0 border border-gray-300 px-4 py-2 dark:border-gray-600 font-semibold"
+    className="nx-m-0 nx-border nx-border-gray-300 nx-px-4 nx-py-2 dark:nx-border-gray-600 nx-font-semibold"
     {...props}
   />
 )
diff --git a/packages/nextra/src/components/tr.tsx b/packages/nextra/src/components/tr.tsx
@@ -3,8 +3,8 @@ import React, { ComponentProps } from 'react'
 export const Tr = (props: ComponentProps<'tr'>) => (
   <tr
     className={
-      'm-0 border-t border-gray-300 p-0 dark:border-gray-600 ' +
-      'even:bg-gray-100 even:dark:bg-gray-600/20'
+      'nx-m-0 nx-border-t nx-border-gray-300 nx-p-0 dark:nx-border-gray-600 ' +
+      'even:nx-bg-gray-100 even:dark:nx-bg-gray-600/20'
     }
     {...props}
   />