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

tightening up thumbnail styles

Browse Source
This commit is contained in:
austinkelsay 2024-10-14 10:42:19 -05:00
parent 4b1f5c7850
commit 17818d8f67
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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`}> <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%]"> <div className="flex flex-wrap gap-2 max-w-[70%]">
{course && course.topics && course.topics.map((topic, index) => ( {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} {topic}
</Tag> </Tag>
))} ))}
</div> </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> </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%]`} <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={{ style={{

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

@ -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`}> <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%]"> <div className="flex flex-wrap gap-2 max-w-[70%]">
{document?.topics?.map((topic, index) => ( {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} {topic}
</Tag> </Tag>
))} ))}
</div> </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> </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%]`} <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={{ style={{

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

@ -80,7 +80,7 @@ export function VideoTemplate({ video }) {
</Tag> </Tag>
))} ))}
</div> </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> </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%]`} <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={{ style={{