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

Smaller price tags on mobile thumbnails

Browse Source
This commit is contained in:
austinkelsay 2024-10-13 19:41:15 -05:00
parent 05572dc8c7
commit cf098fc7ea
3 changed files with 7 additions and 7 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

@ -102,9 +102,9 @@ export function CourseTemplate({ course }) {
<div className="flex flex-col items-end"> <div className="flex flex-col items-end">
{ {
course?.price && course?.price > 0 ? ( course?.price && course?.price > 0 ? (
<Message className={`${isMobile ? "py-1 text-sm" : "py-2"} whitespace-nowrap`} icon="pi pi-lock" severity="info" text={`${course.price} sats`} /> <Message className={`${isMobile ? "py-1 text-xs" : "py-2"} whitespace-nowrap`} icon="pi pi-lock" severity="info" text={`${course.price} sats`} />
) : ( ) : (
<Message className={`${isMobile ? "py-1 text-sm" : "py-2"} whitespace-nowrap`} icon="pi pi-lock-open" severity="success" text="Free" /> <Message className={`${isMobile ? "py-1 text-xs" : "py-2"} whitespace-nowrap`} icon="pi pi-lock-open" severity="success" text="Free" />
) )
} }
</div> </div>

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

@ -68,7 +68,7 @@ export function DocumentTemplate({ document }) {
</CardHeader> </CardHeader>
</div> </div>
<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-[60%]"> <div className="flex flex-wrap gap-2 max-w-[60%]">
{document?.topics?.map((topic, index) => ( {document?.topics?.map((topic, index) => (
<Tag key={index} className="px-3 py-1 text-sm text-[#f8f8ff]"> <Tag key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
{topic} {topic}
@ -91,9 +91,9 @@ export function DocumentTemplate({ document }) {
<div className="flex flex-col items-end"> <div className="flex flex-col items-end">
{ {
document?.price && document?.price > 0 ? ( document?.price && document?.price > 0 ? (
<Message className={`${isMobile ? "py-1 text-sm" : "py-2"} whitespace-nowrap`} icon="pi pi-lock" severity="info" text={`${document.price} sats`} /> <Message className={`${isMobile ? "py-1 text-xs" : "py-2"} whitespace-nowrap`} icon="pi pi-lock" severity="info" text={`${document.price} sats`} />
) : ( ) : (
<Message className={`${isMobile ? "py-1 text-sm" : "py-2"} whitespace-nowrap`} icon="pi pi-lock-open" severity="success" text="Free" /> <Message className={`${isMobile ? "py-1 text-xs" : "py-2"} whitespace-nowrap`} icon="pi pi-lock-open" severity="success" text="Free" />
) )
} }
</div> </div>

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

@ -93,9 +93,9 @@ export function VideoTemplate({ video }) {
<div className="flex flex-col items-end"> <div className="flex flex-col items-end">
{ {
video?.price && video?.price > 0 ? ( video?.price && video?.price > 0 ? (
<Message className={`${isMobile ? "py-1 text-sm" : "py-2"} whitespace-nowrap`} icon="pi pi-lock" severity="info" text={`${video.price} sats`} /> <Message className={`${isMobile ? "py-1 text-xs" : "py-2"} whitespace-nowrap`} icon="pi pi-lock" severity="info" text={`${video.price} sats`} />
) : ( ) : (
<Message className={`${isMobile ? "py-1 text-sm" : "py-2"} whitespace-nowrap`} icon="pi pi-lock-open" severity="success" text="Free" /> <Message className={`${isMobile ? "py-1 text-xs" : "py-2"} whitespace-nowrap`} icon="pi pi-lock-open" severity="success" text="Free" />
) )
} }
</div> </div>