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

Sizing adjustment in thubmnail

Browse Source
This commit is contained in:
austinkelsay 2024-10-14 09:56:24 -05:00
parent 7804d66800
commit c0c8f1618c
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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-[70%]">
{course && course.topics && course.topics.map((topic, index) => (
<Tag size="small" key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
{topic}
@ -95,9 +95,9 @@ export function CourseTemplate({ course }) {
WebkitBoxOrient: "vertical",
WebkitLineClamp: "2"
}}>
<div className="w-full flex flex-row justify-between items-start max-w-[100%]">
<div className="w-full flex flex-row justify-between items-start">
<p className="line-clamp-2 break-words">{(course.summary || course.description)?.split('\n').map((line, index) => (
<span key={index}>{line}</span>
<span className="break-words max-w-[70%]" key={index}>{line}</span>
))}</p>
<div className="flex flex-col items-end">
{

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

@ -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-[70%]">
{document?.topics?.map((topic, index) => (
<Tag size="small" key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
{topic}
@ -84,9 +84,9 @@ export function DocumentTemplate({ document }) {
WebkitBoxOrient: "vertical",
WebkitLineClamp: "2"
}}>
<div className="w-full flex flex-row justify-between items-start max-w-[100%]">
<div className="w-full flex flex-row justify-between items-start">
<p className="line-clamp-2 break-words">{(document.summary || document.description)?.split('\n').map((line, index) => (
<span key={index}>{line}</span>
<span className="break-words max-w-[70%]" key={index}>{line}</span>
))}</p>
<div className="flex flex-col items-end">
{

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

@ -69,7 +69,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-[70%]">
{video?.topics?.map((topic, index) => (
<Tag size="small" key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
{topic}
@ -85,9 +85,9 @@ export function VideoTemplate({ video }) {
WebkitBoxOrient: "vertical",
WebkitLineClamp: "2"
}}>
<div className="w-full flex flex-row justify-between items-start max-w-[100%]">
<div className="w-full flex flex-row justify-between items-start">
<p className="line-clamp-2 break-words max-w-[70%]">{(video.summary || video.description)?.split('\n').map((line, index) => (
<span key={index}>{line}</span>
<span className="break-words" key={index}>{line}</span>
))}</p>
<div className="flex flex-col items-end">
{