fix image for markdown

tlsnotary · Apr 12, 2024 · c631930 · c631930
1 parent 0066c55
commit c631930
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/AppMarkdown.tsx b/components/AppMarkdown.tsx
@@ -11,9 +11,9 @@ const createMarkdownElement = (tag: keyof JSX.IntrinsicElements, props: any) =>
 
 // Styling for HTML attributes for markdown component
 const REACT_MARKDOWN_CONFIG: Components = {
-  img: ({ node, ...props }) =>
+  img: ({ node, className, ...props }) =>
     createMarkdownElement("img", {
-      className: "py-10 w-full",
+      className: `${className} py-10`,
       ...props,
     }),
   a: ({ node, ...props }) =>

diff --git a/content/about.tsx b/content/about.tsx
@@ -14,7 +14,7 @@ export const ABOUT_CONTENT = {
   HOW_IT_WORKS: {
     TITLE: "How it works",
     DESCRIPTION: `TLSNotary is a protocol which allows people to export data from any web application and prove facts about it to a third-party in a privacy-preserving way by leveraging secure multi-party computation (MPC) to authenticate data communicated between a Prover and a TLS-enabled web server.
-        <img src="/images/ts-notaly-diagram.svg" />
+        <img class="w-full" src="/images/ts-notaly-diagram.svg" />
       `,
 
     STEPS: [