Add special case for fixed MD tables

Carberra · Oct 12, 2024 · ed9074f · ed9074f
1 parent 6c9d5ef
commit ed9074f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/pages/sponsorships.tsx b/src/pages/sponsorships.tsx
@@ -83,7 +83,7 @@ _Prices last updated 4 Oct 2024._
           <div className="flex justify-center mx-6 mt-4 font-sans text-white text-md sm:mx-10">
             <ReactMarkdown
               children={sponsorshipContentCol1}
-              className="font-sans text-white unreset markdown grow max-w-text shrink basis-0"
+              className="font-sans text-white unreset markdown grow max-w-text shrink basis-0 md-fixed-tables"
               remarkPlugins={[remarkGfm, remarkSlug]}
               rehypePlugins={[rehypeRaw]}
             />

diff --git a/src/styles/markdown.scss b/src/styles/markdown.scss
@@ -24,10 +24,6 @@
     @apply text-brand-blue;
   }
 
-  table {
-    table-layout: fixed;
-  }
-
   td,
   th {
     @apply px-3 py-2;
@@ -45,3 +41,9 @@
     }
   }
 }
+
+.md-fixed-tables {
+  table {
+    table-layout: fixed;
+  }
+}