Update MarkdownRenderer and markdown.css

UretzkyZvi · Feb 2, 2024 · 7a48882 · 7a48882
1 parent 64f6553
commit 7a48882
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/components/markdown/MarkdownRenderer.tsx b/src/components/markdown/MarkdownRenderer.tsx
@@ -92,6 +92,7 @@ const MarkdownRenderer: React.FC<MarkdownProps> = ({
         components={customComponents}
         remarkPlugins={[gfm]}
         className="grid z-10 sm:px-6 lg:px-8"
+
       />
     </div>
   );

diff --git a/src/styles/markdown.css b/src/styles/markdown.css
@@ -1,4 +1,11 @@
-.markdown-body {
-   background-color: rgb(255, 255, 255 / var(--tw-bg-opacity)); /* Replace with your desired color */
-   padding-top: 0px;
+/* Assuming "markdown-preview" is a class applied to the container of MarkdownPreview */
+.wmde-markdown {
+  background-color: white;
+  color: black;
+}
+
+/* If "github-markdown-css" affects the styling, you may need to override it as well */
+.github-markdown-css {
+  background-color: white !important;
+  color: black !important;
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -92,6 +92,7 @@ const MarkdownRenderer: React.FC<MarkdownProps> = ({ @@
             components={customComponents}
             remarkPlugins={[gfm]}
             className="grid z-10 sm:px-6 lg:px-8"
           />
         </div>
       );
@@ Expand Down @@