maximx1/ever-given-pod
1
0
Fork 0
Code Issues 25 Pull Requests Packages Projects Releases Wiki Activity

Now the summary image is smart enough to switch from cover when on phone screen to a full contained image on a bigger screen

Browse Source
This commit is contained in:
Justin Walrath 2025-05-11 15:47:21 -04:00
parent dd194cda4c
commit 0e36d23bb4
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/[stream]/podcasts/podcastSummary.tsx
View File

@ -25,7 +25,7 @@ export default function PodcastSummary({ stream }: PodcastSummaryType) {
<div className="w-full h-auto shadow-md overflow-hidden flex flex-col bg-purple-200"> <div className="w-full h-auto shadow-md overflow-hidden flex flex-col bg-purple-200">
<div className="flex flex-col md:flex-row md:items-start"> <div className="flex flex-col md:flex-row md:items-start">
<div className="relative w-full h-[150px] md:w-1/3 md:h-[376] bg-purple-100 flex-shrink-0"> <div className="relative w-full h-[150px] md:w-1/3 md:h-[376] bg-purple-100 flex-shrink-0">
<Image unoptimized src={summaryData.imageUrl ?? ''} alt={summaryData.title ?? ''} fill objectFit="contain" className="rounded-md" /> <Image unoptimized src={summaryData.imageUrl ?? ''} alt={summaryData.title ?? ''} fill className="object-cover md:object-contain" />
</div> </div>
<div className="p-4 flex-grow flex flex-col md:ml-4"> <div className="p-4 flex-grow flex flex-col md:ml-4">