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

max w on description p

Browse Source
This commit is contained in:
austinkelsay 2024-10-13 20:24:33 -05:00
parent 6d9ac6f46d
commit f6b75c4670
3 changed files with 3 additions and 3 deletions
src/components/content/carousels/templates
CourseTemplate.jsDocumentTemplate.jsVideoTemplate.js

2
src/components/content/carousels/templates/CourseTemplate.js

@ -96,7 +96,7 @@ export function CourseTemplate({ course }) {
WebkitLineClamp: "2"
}}>
<div className="w-full flex flex-row justify-between items-start max-w-[100%]">
<p className="line-clamp-2">{(course.summary || course.description)?.split('\n').map((line, index) => (
<p className="line-clamp-2 break-words max-w-[60%]">{(course.summary || course.description)?.split('\n').map((line, index) => (
<span key={index}>{line}</span>
))}</p>
<div className="flex flex-col items-end">

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

@ -85,7 +85,7 @@ export function DocumentTemplate({ document }) {
WebkitLineClamp: "2"
}}>
<div className="w-full flex flex-row justify-between items-start max-w-[100%]">
<p className="line-clamp-2">{(document.summary || document.description)?.split('\n').map((line, index) => (
<p className="line-clamp-2 break-words max-w-[60%]">{(document.summary || document.description)?.split('\n').map((line, index) => (
<span key={index}>{line}</span>
))}</p>
<div className="flex flex-col items-end">

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

@ -86,7 +86,7 @@ export function VideoTemplate({ video }) {
WebkitLineClamp: "2"
}}>
<div className="w-full flex flex-row justify-between items-start max-w-[100%]">
<p className="line-clamp-2">{(video.summary || video.description)?.split('\n').map((line, index) => (
<p className="line-clamp-2 break-words max-w-[60%]">{(video.summary || video.description)?.split('\n').map((line, index) => (
<span key={index}>{line}</span>
))}</p>
<div className="flex flex-col items-end">