AcaMate_Web/Program/Views/Project/TopNav.razor
Seonkyu.kim 9e2151cbd7 [🐛] 화면 반응형
1. 화면 반응형 동작 가능하게 수정
2025-05-27 16:34:56 +09:00

27 lines
1.6 KiB
Plaintext

<div class="flex items-center justify-between whitespace-nowrap border-b border-solid border-b-[#f0f2f5] py-4 bg-white">
<div class="flex items-center gap-4 text-[#111418] ml-4">
<img src="/logo.png" alt="Icon" class="w-8 h-8">
<h2 class="text-text-title text-lg font-bold leading-tight tracking-[-0.015em]">AcaMate</h2>
</div>
<div class="hidden md:flex flex-1 justify-end gap-8">
<div class="flex flex-1 justify-end gap-8">
<div class="flex items-center gap-9">
<a class=" text-text-title font-medium leading-normal hover:text-blue-800" href="#">About</a>
<a class="text-text-title font-medium leading-normal hover:text-blue-800" href="#">Join</a>
<a class="text-text-title font-medium leading-normal hover:text-blue-800" href="#">What's New</a>
</div>
<button class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-lg h-10 px-4 bg-blue-500 hover:bg-blue-800 text-white text-sm font-bold leading-normal tracking-[0.015em] mr-4"
@onclick= "OnClickLogin">
<span class="truncate">Get Started</span>
</button>
</div>
</div>
<button class="md:hidden mr-4">
<!-- 햄버거 아이콘 (예시) -->
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4 6h16M4 12h16M4 18h16" />
</svg>
</button>
</div>