fix: change swiper css load

jandiralceu · Oct 14, 2024 · d50410a · d50410a
1 parent fa9b231
commit d50410a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/LatestPosts/index.tsx b/src/components/LatestPosts/index.tsx
@@ -9,7 +9,7 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
-import "swiper/css";
+// import "swiper/css";
 
 import ArticleCard from "../ArticleCard";
 
@@ -48,7 +48,11 @@ export default function LatestPosts() {
         </h3>
         <div className="flex gap-4 justify-start items-start">
           <button type="button" className="post-highlight-prev cursor-pointer">
-            <FontAwesomeIcon icon={faArrowLeftLong} size="xl" />
+            <FontAwesomeIcon
+              icon={faArrowLeftLong}
+              size="xl"
+              className="font-extralight"
+            />
           </button>
           <button type="button" className="post-highlight-next cursor-pointer">
             <FontAwesomeIcon icon={faArrowRightLong} size="xl" />

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -6,6 +6,8 @@ import SiteDescription from "../components/SiteDescription";
 import LatestPosts from "../components/LatestPosts";
 import Subscribe from "../components/Subscribe";
 
+import "swiper/css";
+
 interface IHomeMetadata extends ISiteMetadata {
   readonly file: {
     publicURL: string;