saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-06-06 18:31:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

max w on topics on thumbnails

Browse Source
This commit is contained in:
austinkelsay 2024-10-13 19:39:14 -05:00
parent 1bf087de1e
commit 05572dc8c7
3 changed files with 3 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/content/carousels/templates/CourseTemplate.js
View File

@ -79,7 +79,7 @@ export function CourseTemplate({ course }) {
</CardHeader> </CardHeader>
</div> </div>
<CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-center`}> <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) => ( {course && course.topics && course.topics.map((topic, index) => (
<Tag key={index} className="px-3 py-1 text-sm text-[#f8f8ff]"> <Tag key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
{topic} {topic}
@ -96,11 +96,6 @@ export function CourseTemplate({ course }) {
WebkitLineClamp: "2" WebkitLineClamp: "2"
}}> }}>
<div className="w-full flex flex-row justify-between items-start"> <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) => ( <p className="line-clamp-2">{(course.summary || course.description)?.split('\n').map((line, index) => (
<span key={index}>{line}</span> <span key={index}>{line}</span>
))}</p> ))}</p>

2
src/components/content/carousels/templates/DocumentTemplate.js
View File

@ -68,7 +68,7 @@ export function DocumentTemplate({ document }) {
</CardHeader> </CardHeader>
</div> </div>
<CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-center`}> <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) => ( {document?.topics?.map((topic, index) => (
<Tag key={index} className="px-3 py-1 text-sm text-[#f8f8ff]"> <Tag key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
{topic} {topic}

2
src/components/content/carousels/templates/VideoTemplate.js
View File

@ -70,7 +70,7 @@ export function VideoTemplate({ video }) {
</CardHeader> </CardHeader>
</div> </div>
<CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-center`}> <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) => ( {video?.topics?.map((topic, index) => (
<Tag key={index} className="px-3 py-1 text-sm text-[#f8f8ff]"> <Tag key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
{topic} {topic}