From 9a7dd1c512b8df0591d1d16b8b065f50aa24de3a Mon Sep 17 00:00:00 2001
From: taga3s <bepozurapu274@gmail.com>
Date: Mon, 4 Nov 2024 11:22:37 +0900
Subject: [PATCH] feat: change links styling

---
 app/components/profile/ProfileLinks.css.ts | 12 +++++++-----
 app/components/profile/ProfileLinks.tsx    |  3 ++-
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/app/components/profile/ProfileLinks.css.ts b/app/components/profile/ProfileLinks.css.ts
index db1628e..c771c67 100644
--- a/app/components/profile/ProfileLinks.css.ts
+++ b/app/components/profile/ProfileLinks.css.ts
@@ -7,21 +7,23 @@ const profileLinkCardContainer = css`
   margin-top: 16px;
 
   @media screen and (min-width:600px) {
-    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-columns: 1fr 1fr;
   }
 `;
 
 const profileLinkCard = css`
   display: flex;
-  justify-content: center;
   align-items: center;
-  height: 100px;
+  gap: 16px;
+  padding: 8px 20px;
   border-radius: 8px;
+  font-weight: bold;
+  color: #ffffff;
 `;
 
 const profileLinkCardIcon = css`
-  width: 67px;
-  height: 67px;
+  width: 48px;
+  height: 48px;
 `;
 
 const github = css`
diff --git a/app/components/profile/ProfileLinks.tsx b/app/components/profile/ProfileLinks.tsx
index 74b4388..457aa53 100644
--- a/app/components/profile/ProfileLinks.tsx
+++ b/app/components/profile/ProfileLinks.tsx
@@ -11,7 +11,7 @@ const links = [
   },
   {
     title: "Cosense",
-    url: "https://scrapbox.io/t33s-dev/",
+    url: "https://scrapbox.io/taga3s-memo/",
     style: cosense,
     icon: <CosenseIcon />,
   },
@@ -30,6 +30,7 @@ const ProfileLinks = () => {
         {links.map((link) => (
           <a href={link.url} class={link.style} key={link.title}>
             <div class={profileLinkCardIcon}>{link.icon}</div>
+            <span>{link.title}</span>
           </a>
         ))}
       </div>