Smaller price tags on mobile thumbnails

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

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>

View File

@ -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>

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>