From 05572dc8c7b1a197672f8ad66875ae8245e07306 Mon Sep 17 00:00:00 2001 From: austinkelsay <austinkelsay@yahoo.com> Date: Sun, 13 Oct 2024 19:39:14 -0500 Subject: [PATCH] max w on topics on thumbnails --- .../content/carousels/templates/CourseTemplate.js | 7 +------ .../content/carousels/templates/DocumentTemplate.js | 2 +- .../content/carousels/templates/VideoTemplate.js | 2 +- 3 files changed, 3 insertions(+), 8 deletions(-) diff --git a/src/components/content/carousels/templates/CourseTemplate.js b/src/components/content/carousels/templates/CourseTemplate.js index 2da18e1..bab9ea9 100644 --- a/src/components/content/carousels/templates/CourseTemplate.js +++ b/src/components/content/carousels/templates/CourseTemplate.js @@ -79,7 +79,7 @@ export function CourseTemplate({ course }) { </CardHeader> </div> <CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-center`}> - <div className="flex flex-wrap gap-2"> + <div className="flex flex-wrap gap-2 max-w-[60%]"> {course && course.topics && course.topics.map((topic, index) => ( <Tag key={index} className="px-3 py-1 text-sm text-[#f8f8ff]"> {topic} @@ -96,11 +96,6 @@ export function CourseTemplate({ course }) { WebkitLineClamp: "2" }}> <div className="w-full flex flex-row justify-between items-start"> - {/* <div className="flex flex-col max-h-[200px]"> - {(course.summary || course.description)?.split('\n').map((line, index) => ( - <span className="line-clamp-2" key={index}>{line}</span> - ))} - </div> */} <p className="line-clamp-2">{(course.summary || course.description)?.split('\n').map((line, index) => ( <span key={index}>{line}</span> ))}</p> diff --git a/src/components/content/carousels/templates/DocumentTemplate.js b/src/components/content/carousels/templates/DocumentTemplate.js index 2227903..638aa1e 100644 --- a/src/components/content/carousels/templates/DocumentTemplate.js +++ b/src/components/content/carousels/templates/DocumentTemplate.js @@ -68,7 +68,7 @@ export function DocumentTemplate({ document }) { </CardHeader> </div> <CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-center`}> - <div className="flex flex-wrap gap-2"> + <div className="flex flex-wrap gap-2 max-w-[60%]"> {document?.topics?.map((topic, index) => ( <Tag key={index} className="px-3 py-1 text-sm text-[#f8f8ff]"> {topic} diff --git a/src/components/content/carousels/templates/VideoTemplate.js b/src/components/content/carousels/templates/VideoTemplate.js index 5532c55..3c71609 100644 --- a/src/components/content/carousels/templates/VideoTemplate.js +++ b/src/components/content/carousels/templates/VideoTemplate.js @@ -70,7 +70,7 @@ export function VideoTemplate({ video }) { </CardHeader> </div> <CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-center`}> - <div className="flex flex-wrap gap-2"> + <div className="flex flex-wrap gap-2 max-w-[60%]"> {video?.topics?.map((topic, index) => ( <Tag key={index} className="px-3 py-1 text-sm text-[#f8f8ff]"> {topic}