diff --git a/src/components/content/carousels/templates/CourseTemplate.js b/src/components/content/carousels/templates/CourseTemplate.js index ff78f5e..d920007 100644 --- a/src/components/content/carousels/templates/CourseTemplate.js +++ b/src/components/content/carousels/templates/CourseTemplate.js @@ -85,12 +85,12 @@ export function CourseTemplate({ course }) { <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 max-w-[70%]"> {course && course.topics && course.topics.map((topic, index) => ( - <Tag size="small" key={index} className="px-3 py-1 text-sm text-[#f8f8ff]"> + <Tag size="small" key={index} className="px-2 py-1 text-sm text-[#f8f8ff]"> {topic} </Tag> ))} </div> - <p className="font-bold text-gray-300 min-w-[5%]">{lessonCount} {lessonCount === 1 ? "lesson" : "lessons"}</p> + <p className="font-bold text-gray-300">{lessonCount} {lessonCount === 1 ? "lesson" : "lessons"}</p> </CardContent> <CardDescription className={`${isMobile ? "p-3" : "p-6"} py-2 pt-0 text-base text-neutral-50/90 dark:text-neutral-900/90 overflow-hidden min-h-[4em] flex items-center max-w-[100%]`} style={{ diff --git a/src/components/content/carousels/templates/DocumentTemplate.js b/src/components/content/carousels/templates/DocumentTemplate.js index 31fd022..6e3153a 100644 --- a/src/components/content/carousels/templates/DocumentTemplate.js +++ b/src/components/content/carousels/templates/DocumentTemplate.js @@ -74,12 +74,12 @@ export function DocumentTemplate({ document }) { <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 max-w-[70%]"> {document?.topics?.map((topic, index) => ( - <Tag size="small" key={index} className="px-3 py-1 text-sm text-[#f8f8ff]"> + <Tag size="small" key={index} className="px-2 py-1 text-sm text-[#f8f8ff]"> {topic} </Tag> ))} </div> - <p className="font-bold text-gray-300 min-w-[5%]">{document?.readTime || "5 min"} read</p> + <p className="font-bold text-gray-300">{document?.readTime || "5min"} read</p> </CardContent> <CardDescription className={`${isMobile ? "p-3" : "p-6"} py-2 pt-0 text-base text-neutral-50/90 dark:text-neutral-900/90 overflow-hidden min-h-[4em] flex items-center max-w-[100%]`} style={{ diff --git a/src/components/content/carousels/templates/VideoTemplate.js b/src/components/content/carousels/templates/VideoTemplate.js index f259e4b..943bc66 100644 --- a/src/components/content/carousels/templates/VideoTemplate.js +++ b/src/components/content/carousels/templates/VideoTemplate.js @@ -80,7 +80,7 @@ export function VideoTemplate({ video }) { </Tag> ))} </div> - <p className="font-bold text-gray-300 min-w-[5%]">{video?.duration || "5 min"} read</p> + <p className="font-bold text-gray-300">{video?.duration || "5min"} watch</p> </CardContent> <CardDescription className={`${isMobile ? "p-3" : "p-6"} py-2 pt-0 text-base text-neutral-50/90 dark:text-neutral-900/90 overflow-hidden min-h-[4em] flex items-center max-w-[100%]`} style={{