legalgonews/legalgo-FE-reactrouter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: simplify layout in CarouselSection for improved readability

Browse Source
This commit is contained in:
Ardeman 2025-03-17 19:21:34 +08:00
parent c633397d7b
commit 0f332fde79
1 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/components/ui/carousel-section.tsx
View File

@ -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>