Add home link to logo

HyunnoH · Jan 2, 2025 · e021ad5 · e021ad5
1 parent 8cdde93
commit e021ad5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 13 deletions.
diff --git a/src/components/header.tsx b/src/components/header.tsx
@@ -16,10 +16,19 @@ const headerMenu = css`
   gap: 16px;
 `;
 
+const logo = css`
+  color: black;
+  text-decoration: none;
+`;
+
 export function Header() {
   return (
     <header css={headerStyle}>
-      <div>HyunnoH.github.io</div>
+      <div>
+        <Link to="/" css={logo}>
+          <strong>HyunnoH.github.io</strong>
+        </Link>
+      </div>
       <div>
         <menu css={headerMenu}>
           <li>

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -7,7 +7,6 @@ const pageStyles = css`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  // color: #232129;
   padding: 96px;
   font-family: -apple-system, Roboto, sans-serif, serif;
 `;
@@ -18,17 +17,6 @@ const linkBox = css`
   gap: 24px;
 `;
 
-const iconBox = css`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  border: 2px solid #232129;
-  font-size: 32px;
-  width: 48px;
-  height: 48px;
-`;
-
 const IndexPage: React.FC<PageProps> = () => {
   return (
     <Layout>