Max width on thumbnail descriptions

This commit is contained in:
austinkelsay 2024-10-13 19:57:21 -05:00
parent f60fa03d4a
commit 5d559f772e
3 changed files with 3 additions and 3 deletions

View File

@ -88,7 +88,7 @@ export function CourseTemplate({ course }) {
</div>
<p className="font-bold text-gray-300 min-w-[5%]">{lessonCount} {lessonCount === 1 ? "lesson" : "lessons"}</p>
</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`}
<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-[50%]`}
style={{
overflow: "hidden",
display: "-webkit-box",

View File

@ -77,7 +77,7 @@ export function DocumentTemplate({ document }) {
</div>
<p className="font-bold text-gray-300 min-w-[5%]">{document?.readTime || "5 min"} read</p>
</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`}
<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-[50%]`}
style={{
overflow: "hidden",
display: "-webkit-box",

View File

@ -79,7 +79,7 @@ export function VideoTemplate({ video }) {
</div>
<p className="font-bold text-gray-300 min-w-[5%]">{video?.duration || "5 min"} watch</p>
</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`}
<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-[50%]`}
style={{
overflow: "hidden",
display: "-webkit-box",