pleb/flockstr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

better image sizing

Browse Source
This commit is contained in:
zmeyer44 2023-11-02 09:10:11 -04:00
parent 67ef662e3e
commit 20341f5da8
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/Cards/CalendarEvent/LargeFeedCard.tsx
View File

@ -112,9 +112,10 @@ export default function LargeFeedCard({ event }: LargeFeedCardProps) {
src={image} src={image}
unoptimized unoptimized
alt="Image" alt="Image"
fill height={300}
width={300}
className={cn( className={cn(
"h-full max-h-[150px] rounded-[0.5rem] object-cover object-center max-sm:max-h-[100px]", "ml-auto h-auto max-h-full w-auto rounded-[0.5rem] object-cover object-center max-sm:max-h-[100px]",
)} )}
/> />
) : ( ) : (
@ -135,7 +136,7 @@ export function LoadingCard() {
<Skeleton className="h-3 w-[50px]" /> <Skeleton className="h-3 w-[50px]" />
</div> </div>
<div className="pl-3"> <div className="pl-3">
<Skeleton className="mt-3 h-5 w-[220px]" /> <Skeleton className="mt-3 h-5 w-5/6" />
<div className="mt-2 space-y-1.5"> <div className="mt-2 space-y-1.5">
<Skeleton className="h-3.5 w-3/4" /> <Skeleton className="h-3.5 w-3/4" />
<Skeleton className="h-3.5 w-3/5" /> <Skeleton className="h-3.5 w-3/5" />