design: design (#22)

nix6839 · Sep 19, 2023 · af732ed · af732ed
1 parent bcd0d07
commit af732ed
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/apps/portfolio/src/components/Header.astro b/apps/portfolio/src/components/Header.astro
@@ -28,7 +28,12 @@ const NAV_ID = 'nav-menu';
       aria-expanded="false"
       aria-controls="nav-menu"
     >
-      <svg width="32" height="32" viewBox="0 0 48 48">
+      <svg
+        width="2rem"
+        height="2rem"
+        viewBox="0 0 48 48"
+        class="text-icon-primary"
+      >
         <path fill="currentColor" d={listIconPath}></path>
       </svg>
     </Button>

diff --git a/apps/portfolio/src/components/WorkCard.astro b/apps/portfolio/src/components/WorkCard.astro
@@ -42,8 +42,8 @@ const techs = await getEntries(work.data.techs);
           techs.map((tech) => (
             <li class="flex items-center gap-2">
               <TechIcon
-                width={20}
-                height={20}
+                width="1.25rem"
+                height="1.25rem"
                 icon={tech.data.icon}
                 aria-hidden="true"
               />

diff --git a/apps/portfolio/src/components/pages/index/About.astro b/apps/portfolio/src/components/pages/index/About.astro
@@ -55,16 +55,16 @@ const contacts: Contact[] = [
       ></path>
     </svg>
 
-    <h1 class="mb-3 text-[2rem]">Han Yeong-woo</h1>
+    <h1 class="mb-3 text-[2rem] text-primary">Han Yeong-woo</h1>
     <p class="mb-4 text-[1.25rem] text-secondary">
       <span class="font-bold text-brand">프론트엔드 개발자</span>로, 항상 최신
       트렌드를 따라가기 위해 노력하고 있습니다.
     </p>
   </header>
-  <address class="flex gap-4">
+  <address class="flex flex-wrap gap-4">
     {
       contacts.map(({ icon: Icon, name, href }) => (
-        <a {href} class="flex items-center gap-2">
+        <a {href} class="flex items-center gap-2 text-secondary">
           <Icon
             width="1.625rem"
             height="1.625rem"