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: , }, @@ -30,6 +30,7 @@ const ProfileLinks = () => { {links.map((link) => (
{link.icon}
+ {link.title}
))}