style: TopNav 및 TopNavItem 컴포넌트의 레이아웃 및 스타일 수정

Author: chamchi0809

src/components/TopNav.astro

@@ -1,5 +1,5 @@
 ---
-import {type Icon as IconType, House, Image, CodeXml} from "@lucide/astro";
+import {type Icon as IconType, House, Image} from "@lucide/astro";
 import TopNavItem from "./TopNavItem.astro";
 
 type MenuItem = {
@@ -25,11 +25,16 @@ const menuItems: MenuItem[] = [
 <nav transition:name="header" class="w-full flex flex-row justify-between border border-bright/25 rounded-full sticky top-4 px-4 py-3 gap-9 z-40 backdrop-blur-[2px]">
     <div class="flex flex-row items-center">
         <div class="rounded-full w-10 h-10 bg-[url(/images/anvy_profile.png)] bg-center bg-cover"/>
-        <div class="ml-4 flex flex-row items-center gap-1 text-bright">
-            <span class="text-bright font-kanit text-2xl font-light tracking-narrow">
+        <div class="ml-4 flex flex-row items-end gap-[2px] text-bright font-mono font-light">
+            <span class="text-bright text-2xl leading-[0.8]">
                 CHAMCHI
             </span>
-            <CodeXml/>
+            <span class="text-bright/80 text-md">
+                /
+            </span>
+            <span class="text-bright/80 text-md">
+                DEV
+            </span>
         </div>
     </div>
     <div class="flex flex-row gap-4">

src/components/TopNavItem.astro

@@ -11,7 +11,7 @@ const {pathname, label, icon} = Astro.props;
 const active = pathname === (Astro.url.pathname.replace(/\/+$/, '') || "/");
 ---
 
-<a href={pathname} class=`py-2 px-3 flex flex-row justify-center items-center gap-2 cursor-pointer rounded-full text-bright select-none transition duration-300 ease-in-out tracking-wider font-light font-kanit text-[18px]
+<a href={pathname} class=`py-2 px-3 flex flex-row justify-center items-center gap-2 cursor-pointer rounded-full text-bright select-none transition duration-500 ease-in-out tracking-wider font-light font-kanit text-[18px]
 hover:bg-bright hover:text-gray-950 hover:scale-105
 ${active && 'bg-bright text-gray-950 scale-105'}`>
     <slot/>