Fix template spacing on mobile

This commit is contained in:
austinkelsay 2024-10-12 17:40:13 -05:00
parent 33f81279a6
commit e96666b7af
3 changed files with 3 additions and 3 deletions

View File

@ -110,7 +110,7 @@ export function CourseTemplate({ course }) {
</div>
</div>
</CardDescription>
<CardFooter className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4">
<CardFooter className={`flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4 ${isMobile ? "px-3" : ""}`}>
<p className="text-sm text-gray-300">{course?.published_at && course.published_at !== "" ? (
formatTimestampToHowLongAgo(course.published_at)
) : (

View File

@ -99,7 +99,7 @@ export function DocumentTemplate({ document }) {
</div>
</div>
</CardDescription>
<CardFooter className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4">
<CardFooter className={`flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4 ${isMobile ? "px-3" : ""}`}>
<p className="text-sm text-gray-300">{document?.published_at && document.published_at !== "" ? (
formatTimestampToHowLongAgo(document.published_at)
) : (

View File

@ -101,7 +101,7 @@ export function VideoTemplate({ video }) {
</div>
</div>
</CardDescription>
<CardFooter className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4">
<CardFooter className={`flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4 ${isMobile ? "px-3" : ""}`}>
<p className="text-sm text-gray-300">{video?.published_at && video.published_at !== "" ? (
formatTimestampToHowLongAgo(video.published_at)
) : (