fix: tech icons on project have discs

theodorusclarence · Dec 31, 2021 · e3e5512 · e3e5512
1 parent 68bac6d
commit e3e5512
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 6 deletions.
diff --git a/src/contents/projects/love4heroes.mdx b/src/contents/projects/love4heroes.mdx
@@ -32,7 +32,9 @@ cards on the "Warm Messages" Board.
 
 <blockquote className='with-icons'>
   ## Tech Stack Used
-  <TechIcons techs={['react', 'tailwindcss', 'firebase', 'swr']} />
+  <div class='not-prose mt-2'>
+    <TechIcons techs={['react', 'tailwindcss', 'firebase', 'swr']} />
+  </div>
 </blockquote>
 
 This project was built using Next.js, Tailwindcss, SWR, and Firebase.

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

diff --git a/src/contents/projects/ppdbsumsel.mdx b/src/contents/projects/ppdbsumsel.mdx
@@ -18,7 +18,9 @@ This project objective is to give information about PPDB (Penerimaan Peserta Did
 
 <blockquote className='with-icons'>
   ## Tech Stack Used
-  <TechIcons techs={['react', 'tailwindcss']} />
+  <div class='not-prose mt-2'>
+    <TechIcons techs={['react', 'tailwindcss']} />
+  </div>
 </blockquote>
 
 This project was developed using Create React App for a snappier website and delivering a quick and easy-to-use interface. We decided to use Tailwindcss for this site for a better look and maintainability.

diff --git a/src/contents/projects/seasforus.mdx b/src/contents/projects/seasforus.mdx
@@ -34,7 +34,9 @@ This project aims to create a space so people all over the world can join clean-
 
 <blockquote className='with-icons'>
   ## Tech Stack Used
-  <TechIcons techs={['nextjs', 'tailwindcss', 'swr']} />
+  <div class='not-prose mt-2'>
+    <TechIcons techs={['nextjs', 'tailwindcss', 'swr']} />
+  </div>
 </blockquote>
 
 SeasForUs is a web app using Next.js and Laravel as the back-end framework. The frontend was created using Next.js and TypeScript to provide a good developer experience as well as other advantages like static site generation and image optimization. Data from users is sent to the server and stored in a MySQL database.

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

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