Fix style issue (#464)

Shaunwei · Sep 20, 2023 · f21f59e · f21f59e
1 parent fb626bd
commit f21f59e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/client/next-web/src/app/_components/ExploreTab.js b/client/next-web/src/app/_components/ExploreTab.js
@@ -16,14 +16,14 @@ export default function ExploreTab({ characters, isDisplay }) {
         characters?.map(character => (
           <Card
             key={character.character_id}
-            className="md:basis-52 p-2.5">
+            className="basis-72 md:basis-52 p-2.5">
             <CardBody className="p-0 text-center flex-row md:flex-col">
               <Avatar
                 radius="sm"
                 src={character.image_url}
-                className="w-20 h-20 md:w-44 md:h-44 mx-auto mt-2"
+                className="w-20 h-20 md:w-44 md:h-44 md:mx-auto mt-2"
               />
-              <div className="ml-4 md:ml-0">
+              <div className="grow md:ml-0">
                 <p className="name text-base text-center mt-2 font-medium">{character.name}</p>
                 {/* <p className="intro text-xs text-center mt-2 font-light">
                   &quot;I am burdened with glorious purpose.&quot;