feat: fixed the size of the info section in the blog card

wordigo · Nov 18, 2023 · 24f1dc5 · 24f1dc5
1 parent 94ddb66
commit 24f1dc5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/apps/next/src/components/Blog/Card/Card.tsx b/apps/next/src/components/Blog/Card/Card.tsx
@@ -21,7 +21,9 @@ export default function BlogCard({
             </span>
           )}
           <div className="font-bold text-xl">{title}</div>
-          <div className="text-gray-700">{info}</div>
+          <div className="text-gray-700 h-[72px] overflow-hidden text-ellipsis  ">
+            {info}
+          </div>
           <div className="flex items-center gap-3 pt-2">
             <div className="bg-black w-[40px] h-[40px] rounded-full"></div>
             <div>

diff --git a/apps/next/src/pages/blog/index.tsx b/apps/next/src/pages/blog/index.tsx
@@ -25,7 +25,7 @@ const dummyData = [
     id: 3,
     title: "Our first office",
     readTime: "16 min",
-    info: "Over the past year, Volosoft has undergone many changes! After months of preparation and some hard work, we moved to our new office.",
+    info: "Over the past year, Volosoft has undergone many changes! After months of preparation and some hard work, we moved to our new office.Over the past year, Volosoft has undergone many changes! After months of preparation and some hard work, we moved to our new office.",
     blogType: "Article",
     userName: "Jese Leos",
     date: "Aug 15, 2021",
@@ -46,7 +46,7 @@ export default function Blog() {
     <MainLayout>
       <div className="flex justify-center">
         <div className="px-4 gap-4 grid grid-cols-6  w-[1200px]">
-          <div className="text-xl font-semibold col-span-6 pt-7">
+          <div className="text-3xl font-bold col-span-6 pt-7 flex justify-center mb-10">
             Wordigo Blog
           </div>
           {dummyData.map((blog) => {