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

style: fix beer card image and update user page

Browse Source
This commit is contained in:
Aaron William Po
2023-11-20 14:55:33 -05:00
parent f7227519b6
commit dddc48b403
2 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -18,8 +18,9 @@ const BeerCard: FC<{ post: z.infer<typeof BeerPostQueryResult> }> = ({ post }) =
<Image <Image
src={post.beerImages[0].path} src={post.beerImages[0].path}
alt={post.name} alt={post.name}
width="1029" width="3000"
height="110" height="3000"
className="h-full object-cover"
/> />
)} )}
</figure> </figure>

14
src/pages/users/[id].tsx
View File

@@ -36,8 +36,8 @@ const UserInfoPage: FC<UserInfoPageProps> = ({ user }) => {
<meta name="description" content="User information" /> <meta name="description" content="User information" />
</Head> </Head>
<> <>
<main className="mb-12 mt-10 flex w-full items-center justify-center"> <main className="h-full mb-12 mt-10 flex w-full items-center justify-center">
<div className="w-11/12 space-y-3 xl:w-9/12 2xl:w-8/12"> <div className="h-full w-11/12 space-y-3 xl:w-9/12 2xl:w-8/12">
<UserHeader <UserHeader
user={user} user={user}
followerCount={followerCount} followerCount={followerCount}
@@ -45,9 +45,9 @@ const UserInfoPage: FC<UserInfoPageProps> = ({ user }) => {
/> />
{isDesktop ? ( {isDesktop ? (
<div className="flex space-x-3"> <div className="h-64 flex space-x-3">
<div className="w-5/12"> <div className="h-full w-5/12">
<div className="card"> <div className="h-full card">
<div className="card-body"> <div className="card-body">
<h2 className="text-2xl font-bold">About Me</h2> <h2 className="text-2xl font-bold">About Me</h2>
<p>{user.bio}</p> <p>{user.bio}</p>
@@ -56,8 +56,8 @@ const UserInfoPage: FC<UserInfoPageProps> = ({ user }) => {
</div> </div>
<div className="w-7/12"> <div className="w-7/12">
<div className="card"> <div className="h-full card">
<div className="card-body"></div> <div className="h-full card-body"></div>
</div> </div>
</div> </div>
</div> </div>