AaronPo/the-biergarten-app
1
0
Fork 0
mirror of https://github.com/aaronpo97/the-biergarten-app.git synced 2026-02-16 10:42:08 +00:00
Code Issues Packages Projects 1 Releases Wiki Activity

Fix: update styles for beer card and brewery card

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/BeerIndex/BeerCard.tsx
View File

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

8
src/components/BreweryIndex/BreweryCard.tsx
View File

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