Implemented nav menu and basic tailwind styling

This commit is contained in:
2026-07-09 09:02:26 +02:00
parent b72f04cb4e
commit f82f3f147b
3 changed files with 487 additions and 26 deletions
@@ -1,13 +1,14 @@
@inherits LayoutComponentBase
<div class="flex flex-col sm:flex-row relative min-h-screen">
<div class="bg-gradient-to-b from-[#052767] to-[#3a0647] sm:w-[250px] sm:h-screen sm:sticky sm:top-0">
<!-- Updated the gradient here to use deep blue and navy -->
<div class="bg-gradient-to-b from-[#052767] to-[#020f26] sm:w-[250px] sm:h-screen sm:sticky sm:top-0 shadow-xl">
<NavMenu />
</div>
<main class="flex-1 flex flex-col">
<div class="bg-[#f7f7f7] border-b border-[#d6d5d5] flex items-center justify-between sm:justify-end h-14 sm:sticky sm:top-0 z-10 px-4 sm:px-8">
<a href="https://learn.microsoft.com/aspnet/core/" target="_blank" class="whitespace-nowrap sm:ml-6 no-underline hover:underline overflow-hidden text-ellipsis">About</a>
<a href="https://learn.microsoft.com/aspnet/core/" target="_blank" class="whitespace-nowrap sm:ml-6 no-underline hover:underline overflow-hidden text-ellipsis text-gray-700">About</a>
</div>
<article class="px-4 sm:px-8 py-4">