examples/view-transitions/src/components/Nav.astro


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<nav class="nav border-b border-gray-800 sticky top-0 z-30 bg-gray-900">
	<div class="container mx-auto flex flex-col md:flex-row items-center justify-between px-4 py-6">
		<ul class="flex flex-col md:flex-row items-center">
			<li>
				<a href="/" class="flex items-center font-bold text-xl">
					<span>Movies</span>
					&nbsp;
					<span class="text-orange-500">List</span>
				</a>
			</li>
			<li class="md:ml-16 mt-3 md:mt-0">
				<a href="/" class="hover:text-gray-300">Movies</a>
			</li>
		</ul>
	</div>
</nav>