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}
unoptimized
alt="Image"
fill
height={300}
width={300}
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]" />
</div>
<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">
<Skeleton className="h-3.5 w-3/4" />
<Skeleton className="h-3.5 w-3/5" />