Enhance profile page layout by improving build item display with addi…

…tional details and styling
Bolado · Nov 16, 2024 · 6308292 · 6308292
1 parent 1009938
commit 6308292
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/frontend/src/pages/profile.jsx b/frontend/src/pages/profile.jsx
@@ -11,8 +11,14 @@ const Profile = () => {
           // deserialize the build object
           const b = deserializeBuildState(build.build);
           return (
-            <li key={build._id}>
-              <Link to={`/build/${build._id}`}>{b.name}</Link>
+            <li
+              className="p-2 m-2 hover:bg-blue-500/30 rounded-md"
+              key={build._id}
+            >
+              <Link to={`/build/${build._id}`}>
+                <h3 className="cinzel text-xl font-bold mr-4 ">{b.name}</h3>
+                <h3 className="text-md mr-4">Monster: {b.monster.name}</h3>
+              </Link>
             </li>
           );
         })}