Fix: update styles for beer card and brewery card

This commit is contained in:
Aaron William Po
2023-11-26 21:42:34 -05:00
parent a61a5ecd40
commit 7605e59d10
2 changed files with 8 additions and 8 deletions

View File

@@ -13,8 +13,8 @@ const BeerCard: FC<{ post: z.infer<typeof BeerPostQueryResult> }> = ({ post }) =
return (
<div className="card card-compact bg-base-300" key={post.id}>
<Link href={`/beers/${post.id}`}>
<figure className="h-96">
<figure className="h-96">
<Link href={`/beers/${post.id}`} className="h-full object-cover">
{post.beerImages.length > 0 && (
<Image
src={post.beerImages[0].path}
@@ -24,8 +24,8 @@ const BeerCard: FC<{ post: z.infer<typeof BeerPostQueryResult> }> = ({ post }) =
className="h-full object-cover"
/>
)}
</figure>
</Link>
</Link>
</figure>
<div className="card-body justify-between">
<div className="space-y-1">
<Link href={`/beers/${post.id}`}>

View File

@@ -14,8 +14,8 @@ const BreweryCard: FC<{ brewery: z.infer<typeof BreweryPostQueryResult> }> = ({
const { likeCount, mutate, isLoading } = useGetBreweryPostLikeCount(brewery.id);
return (
<div className="card" key={brewery.id}>
<Link href={`/breweries/${brewery.id}`}>
<figure className="card-image h-96">
<figure className="card-image h-96">
<Link href={`/breweries/${brewery.id}`} className="h-full object-cover">
{brewery.breweryImages.length > 0 && (
<Image
src={brewery.breweryImages[0].path}
@@ -25,8 +25,8 @@ const BreweryCard: FC<{ brewery: z.infer<typeof BreweryPostQueryResult> }> = ({
className="h-full object-cover"
/>
)}
</figure>
</Link>
</Link>
</figure>
<div className="card-body justify-between">
<div>
<Link href={`/breweries/${brewery.id}`} className="link-hover link">