Updated styles to better fit mobile layout

This commit is contained in:
Aaron William Po
2023-04-17 21:46:11 -04:00
parent 9ed66a4212
commit ed4a60c6b8
7 changed files with 23 additions and 17 deletions

View File

@@ -27,12 +27,12 @@ const BeerCard: FC<{ post: z.infer<typeof beerPostQueryResult> }> = ({ post }) =
<div className="card-body justify-between">
<div className="space-y-1">
<Link href={`/beers/${post.id}`}>
<h2 className="link-hover link truncate text-2xl font-bold lg:text-3xl">
<h2 className="link-hover link overflow-hidden text-ellipsis whitespace-normal text-2xl font-bold lg:text-3xl">
{post.name}
</h2>
</Link>
<Link href={`/breweries/${post.brewery.id}`}>
<h3 className="text-md link-hover link truncate lg:text-xl">
<h3 className="text-md link-hover link overflow-hidden text-ellipsis lg:text-xl">
{post.brewery.name}
</h3>
</Link>