From dddc48b4037a265e28004143fa9c66c9e91b5c1d Mon Sep 17 00:00:00 2001
From: Aaron William Po <apo2@uwo.ca>
Date: Mon, 20 Nov 2023 14:55:33 -0500
Subject: [PATCH] style: fix beer card image and update user page

---
 src/components/BeerIndex/BeerCard.tsx |  5 +++--
 src/pages/users/[id].tsx              | 14 +++++++-------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/BeerIndex/BeerCard.tsx b/src/components/BeerIndex/BeerCard.tsx
index 962829e..0d22fb8 100644
--- a/src/components/BeerIndex/BeerCard.tsx
+++ b/src/components/BeerIndex/BeerCard.tsx
@@ -18,8 +18,9 @@ const BeerCard: FC<{ post: z.infer<typeof BeerPostQueryResult> }> = ({ post }) =
           <Image
             src={post.beerImages[0].path}
             alt={post.name}
-            width="1029"
-            height="110"
+            width="3000"
+            height="3000"
+            className="h-full object-cover"
           />
         )}
       </figure>
diff --git a/src/pages/users/[id].tsx b/src/pages/users/[id].tsx
index a25bff7..60f188a 100644
--- a/src/pages/users/[id].tsx
+++ b/src/pages/users/[id].tsx
@@ -36,8 +36,8 @@ const UserInfoPage: FC<UserInfoPageProps> = ({ user }) => {
         <meta name="description" content="User information" />
       </Head>
       <>
-        <main className="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">
+        <main className="h-full mb-12 mt-10 flex w-full items-center justify-center">
+          <div className="h-full w-11/12 space-y-3 xl:w-9/12 2xl:w-8/12">
             <UserHeader
               user={user}
               followerCount={followerCount}
@@ -45,9 +45,9 @@ const UserInfoPage: FC<UserInfoPageProps> = ({ user }) => {
             />
 
             {isDesktop ? (
-              <div className="flex space-x-3">
-                <div className="w-5/12">
-                  <div className="card">
+              <div className="h-64 flex space-x-3">
+                <div className="h-full w-5/12">
+                  <div className="h-full card">
                     <div className="card-body">
                       <h2 className="text-2xl font-bold">About Me</h2>
                       <p>{user.bio}</p>
@@ -56,8 +56,8 @@ const UserInfoPage: FC<UserInfoPageProps> = ({ user }) => {
                 </div>
 
                 <div className="w-7/12">
-                  <div className="card">
-                    <div className="card-body"></div>
+                  <div className="h-full card">
+                    <div className="h-full card-body"></div>
                   </div>
                 </div>
               </div>