From 0f332fde79ae1e22e3b6323a6c6524240e80d9e8 Mon Sep 17 00:00:00 2001
From: Ardeman <are.theman@gmail.com>
Date: Mon, 17 Mar 2025 19:21:34 +0800
Subject: [PATCH] refactor: simplify layout in CarouselSection for improved
 readability

---
 app/components/ui/carousel-section.tsx | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/app/components/ui/carousel-section.tsx b/app/components/ui/carousel-section.tsx
index 1e5b9e3..8e317ba 100644
--- a/app/components/ui/carousel-section.tsx
+++ b/app/components/ui/carousel-section.tsx
@@ -95,19 +95,18 @@ export const CarouselSection = (properties: TNews) => {
                     alt={title}
                   />
                   <div className={'flex flex-col justify-between gap-4'}>
-                    <Tags
-                      tags={tags || []}
-                      is_premium={is_premium}
-                    />
-
-                    <div>
-                      <h3 className="mt-2 w-full text-xl font-bold sm:text-2xl lg:mt-0">
+                    <div className="flex h-28 flex-col items-start justify-center gap-4">
+                      <Tags
+                        tags={tags || []}
+                        is_premium={is_premium}
+                      />
+                      <h3 className="mt-2 line-clamp-2 w-full text-xl font-bold sm:text-2xl lg:mt-0">
                         {title}
                       </h3>
-                      <p className="text-md mt-5 line-clamp-3 text-[#777777] sm:text-xl">
-                        {stripHtml(content).result}
-                      </p>
                     </div>
+                    <p className="text-md line-clamp-3 text-[#777777] sm:text-xl">
+                      {stripHtml(content).result}
+                    </p>
                     <Button
                       size="block"
                       {...getPremiumAttribute({
@@ -116,7 +115,6 @@ export const CarouselSection = (properties: TNews) => {
                         onClick: () => setIsSuccessOpen('warning'),
                         userData,
                       })}
-                      className="mb-5"
                     >
                       View More
                     </Button>