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}