chore: update files

haru52 · Jul 3, 2024 · aa97ce0 · aa97ce0
1 parent 39f7124
commit aa97ce0
Showing 1 changed file with 16 additions and 11 deletions.
diff --git a/src/app/_components/social.tsx b/src/app/_components/social.tsx
@@ -18,22 +18,27 @@ export function Social({
   return (
     <Link
       href={`/socials/${social.screenName}`}
-      className="mx-auto block w-full no-underline"
+      className="w-full no-underline"
     >
       <div className="card w-full bg-base-100 shadow-xl">
         <div className="card-body">
-          <div className="not-prose avatar">
-            <div className="w-11 rounded-full">
-              <Image
-                src={social.image ?? defaultSocialIconPath}
-                width={500}
-                height={500}
-                alt=""
-              />
+          <div className="card-title">
+            <div className="not-prose avatar">
+              <div className="w-11 rounded-full">
+                <Image
+                  src={social.image ?? defaultSocialIconPath}
+                  width={500}
+                  height={500}
+                  alt=""
+                />
+              </div>
+            </div>
+            <div>
+              <h2 className="card-title my-0">{social.name}</h2>
+              <p className="my-0 text-sm">{social.screenName}</p>
             </div>
           </div>
-          <h2 className="card-title">{social.name}</h2>
-          <p>{social.description}</p>
+          <p className="my-0">{social.description}</p>
           {isLoggedIn && (
             <div className="card-actions justify-end">
               {avatar === undefined ? (