Merge pull request #37 from taga3s/feature/change-links-style

feat: change links styling
taga3s · Nov 4, 2024 · cb32dbe · cb32dbe
2 parents 465e2b7 + 9a7dd1c
commit cb32dbe
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git 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
@@ -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>