refactor : change font in blog website

canopas · Sep 1, 2023 · 2acaa1e · 2acaa1e
1 parent 95be8f6
commit 2acaa1e
Showing 1 changed file with 15 additions and 15 deletions.
diff --git a/pages/[slug].js b/pages/[slug].js
@@ -299,6 +299,21 @@ export default function Post({ postData, status, posts, mixpanel }) {
                     <div className="md:text-[#ffffffa3] text-base md:text-[1.09rem] xl:text-[1.13rem] md:leading-7 tracking-normal">
                       {post.summary}
                     </div>
+                    {tagsString ? (
+                      <div className="flex flex-row items-stretch space-x-3 text-base tracking-normal md:text-[#ffffffdb]">
+                        <div className="self-start sm:basis-6 w-5 h-5 mt-1.5 lg:mt-0.5 xl:mt-1.5">
+                          <FontAwesomeIcon
+                            icon={faTags}
+                            className="w-full h-full text-sm"
+                          />
+                        </div>
+                        <div className="self-center basis-11/12 capitalize">
+                          {tagsString}
+                        </div>
+                      </div>
+                    ) : (
+                      ""
+                    )}
                     <div className="flex flex-row items-center space-x-4 text-base tracking-normal md:text-[#ffffffdb]">
                       <div className="w-5 h-5">
                         <FontAwesomeIcon
@@ -321,21 +336,6 @@ export default function Post({ postData, status, posts, mixpanel }) {
                         )}
                       </div>
                     </div>
-                    {tagsString ? (
-                      <div className="flex flex-row items-stretch space-x-3 text-base tracking-normal md:text-[#ffffffdb]">
-                        <div className="self-start sm:basis-6 w-5 h-5 mt-1.5 lg:mt-0.5 xl:mt-1.5">
-                          <FontAwesomeIcon
-                            icon={faTags}
-                            className="w-full h-full text-sm"
-                          />
-                        </div>
-                        <div className="self-center basis-11/12 capitalize">
-                          {tagsString}
-                        </div>
-                      </div>
-                    ) : (
-                      ""
-                    )}
                     <div className="grid grid-cols-2 items-center text-sm">
                       <div className="flex flex-row items-center space-x-4">
                         <div className="relative w-[46px] md:w-[47px] h-[46px] max-w-full max-h-full overflow-hidden">