fix: mdx class isn't using className syntax

theodorusclarence · Jul 26, 2022 · ead648d · ead648d · vercel · Jul 26, 2022
1 parent a1b4b53
commit ead648d
Show file tree

Hide file tree

Showing 8 changed files with 20 additions and 20 deletions.
diff --git a/src/contents/projects/love4heroes.mdx b/src/contents/projects/love4heroes.mdx
@@ -32,7 +32,7 @@ cards on the "Warm Messages" Board.
 
 <blockquote className='with-icons'>
   ## Tech Stack Used
-  <div class='not-prose mt-2'>
+  <div className='not-prose mt-2'>
     <TechIcons techs={['react', 'tailwindcss', 'firebase', 'swr']} />
   </div>
 </blockquote>

diff --git a/src/contents/projects/notiolink.mdx b/src/contents/projects/notiolink.mdx
@@ -29,7 +29,7 @@ I did this project originally for my personal use. Shortening links is easier fo
 
 <blockquote className='with-icons'>
   ## Tech Stack Used
-  <div class='not-prose mt-2'>
+  <div className='not-prose mt-2'>
     <TechIcons techs={['nextjs', 'tailwindcss', 'notion']} />
   </div>
 </blockquote>
@@ -108,57 +108,57 @@ Themes you can choose
 
 <SplitImage>
   <Split>
-    <div class='not-prose space-y-2'>
+    <div className='not-prose space-y-2'>
       <CloudinaryImg
         mdx
         publicId='theodorusclarence/projects/notiolink/theme-dark_sspfwt'
         alt='theme-dark'
         width={648}
         height={622}
       />
-      <p class='text-center text-sm font-medium'>Dark</p>
+      <p className='text-center text-sm font-medium'>Dark</p>
     </div>
-    <div class='not-prose space-y-2'>
+    <div className='not-prose space-y-2'>
       <CloudinaryImg
         mdx
         publicId='theodorusclarence/projects/notiolink/theme-street_nx7i4f'
         alt='theme-street'
         width={648}
         height={622}
       />
-      <p class='text-center text-sm font-medium'>Street</p>
+      <p className='text-center text-sm font-medium'>Street</p>
     </div>
-    <div class='not-prose space-y-2'>
+    <div className='not-prose space-y-2'>
       <CloudinaryImg
         mdx
         publicId='theodorusclarence/projects/notiolink/theme-milky_z60zsu'
         alt='theme-milky'
         width={648}
         height={622}
       />
-      <p class='text-center text-sm font-medium'>Milky</p>
+      <p className='text-center text-sm font-medium'>Milky</p>
     </div>
   </Split>
   <Split>
-    <div class='not-prose space-y-2'>
+    <div className='not-prose space-y-2'>
       <CloudinaryImg
         mdx
         publicId='theodorusclarence/projects/notiolink/theme-light_pmkjnq'
         alt='theme-light'
         width={648}
         height={622}
       />
-      <p class='text-center text-sm font-medium'>Light</p>
+      <p className='text-center text-sm font-medium'>Light</p>
     </div>
-    <div class='not-prose space-y-2'>
+    <div className='not-prose space-y-2'>
       <CloudinaryImg
         mdx
         publicId='theodorusclarence/projects/notiolink/theme-monokai_ndz8rx'
         alt='theme-monokai'
         width={648}
         height={622}
       />
-      <p class='text-center text-sm font-medium'>Monokai</p>
+      <p className='text-center text-sm font-medium'>Monokai</p>
     </div>
   </Split>
 </SplitImage>

diff --git a/src/contents/projects/petrolida-2021.mdx b/src/contents/projects/petrolida-2021.mdx
@@ -24,7 +24,7 @@ each one. Lastly is the pre-event such as the talk show.
 
 <blockquote className='with-icons'>
   ## Tech Stack Used
-  <div class='not-prose mt-2'>
+  <div className='not-prose mt-2'>
     <TechIcons techs={['nextjs', 'tailwindcss']} />
   </div>
 </blockquote>

diff --git a/src/contents/projects/ppdbsumsel.mdx b/src/contents/projects/ppdbsumsel.mdx
@@ -18,7 +18,7 @@ This project objective is to give information about PPDB (Penerimaan Peserta Did
 
 <blockquote className='with-icons'>
   ## Tech Stack Used
-  <div class='not-prose mt-2'>
+  <div className='not-prose mt-2'>
     <TechIcons techs={['react', 'tailwindcss']} />
   </div>
 </blockquote>

diff --git a/src/contents/projects/seasforus.mdx b/src/contents/projects/seasforus.mdx
@@ -33,7 +33,7 @@ This project aims to create a space so people all over the world can join clean-
 
 <blockquote className='with-icons'>
   ## Tech Stack Used
-  <div class='not-prose mt-2'>
+  <div className='not-prose mt-2'>
     <TechIcons techs={['nextjs', 'tailwindcss', 'swr']} />
   </div>
 </blockquote>

diff --git a/src/contents/projects/side-projects.mdx b/src/contents/projects/side-projects.mdx
@@ -11,7 +11,7 @@ Here is my collection of side projects. These
 
 <blockquote className='with-icons'>
   ## clarence.link
-  <div class='not-prose mt-2'>
+  <div className='not-prose mt-2'>
     <TechIcons techs={['nextjs', 'notion']} />
   </div>
 </blockquote>
@@ -38,7 +38,7 @@ I got tired of remembering all drive and zoom links. Also wanted a cooler way to
 
 <blockquote className='with-icons'>
   ## WhatsApp Helper
-  <div class='not-prose mt-2'>
+  <div className='not-prose mt-2'>
     <TechIcons techs={['nextjs']} />
   </div>
 </blockquote>
@@ -65,7 +65,7 @@ My phone is full with contacts that I only need to chat once like customer servi
 
 <blockquote className='with-icons'>
   ## Enigmatics Finder
-  <div class='not-prose mt-2'>
+  <div className='not-prose mt-2'>
     <TechIcons techs={['nextjs']} />
   </div>
 </blockquote>

diff --git a/src/contents/projects/sxceosleague.mdx b/src/contents/projects/sxceosleague.mdx
@@ -22,7 +22,7 @@ and give them information and knowledge about this event.
 
 <blockquote className='with-icons'>
   ## Tech Stack Used
-  <div class='not-prose mt-2'>
+  <div className='not-prose mt-2'>
     <TechIcons techs={['nextjs', 'tailwindcss']} />
   </div>
 </blockquote>

diff --git a/src/contents/projects/tutee-id.mdx b/src/contents/projects/tutee-id.mdx
@@ -19,7 +19,7 @@ tutors.
 
 <blockquote className='with-icons'>
   ## Tech Stack Used
-  <div class='not-prose mt-2'>
+  <div className='not-prose mt-2'>
     <TechIcons techs={['react', 'redux', 'firebase']} />
   </div>
 </blockquote>