removed inline-block and added pre-wrap to pre tags in CodeHighlight.tsx

brittneypostma · brittneypostma · commit ce4e71bee2af · 2022-06-24T08:49:37.000-04:00
diff --git a/frontend/main/src/components/notion-custom-blocks/CodeHighlight.tsx b/frontend/main/src/components/notion-custom-blocks/CodeHighlight.tsx
@@ -71,7 +71,7 @@ const CodeHighlight = ({
     >
       {({ className, style, tokens, getLineProps, getTokenProps }) => (
         <pre
-          className={`${className} inline-block`}
+          className={`${className} whitespace-pre-wrap`}
           style={{ ...style, padding: '2rem', position: 'relative' }}
         >
           <Button
diff --git a/frontend/main/src/layout/PostLayout.tsx b/frontend/main/src/layout/PostLayout.tsx
@@ -307,7 +307,6 @@ export default function PostLayout({
           )}
           <BreakBarLeft>
             <div className="grid w-full gap-4">
-              {/* <section className="flex flex-wrap items-center justify-between w-full gap-4 lg:flex-nowrap"> */}
               <section className="grid items-center justify-between gap-2 lg:flex">
                 <h1 className="self-center font-sans text-2xl lg:flex-1 sm:text-4xl text-basics-50">
                   {post.title}

Original file line number	Diff line number	Diff line change
`@@ -71,7 +71,7 @@ const CodeHighlight = ({`
`71`	`71`	`>`
`72`	`72`	`{({ className, style, tokens, getLineProps, getTokenProps }) => (`
`73`	`73`	`<pre`
`74`		- className={`${className} inline-block`}
	`74`	+ className={`${className} whitespace-pre-wrap`}
`75`	`75`	`style={{ ...style, padding: '2rem', position: 'relative' }}`
`76`	`76`	`>`
`77`	`77`	`<Button`