Implemented nav menu and basic tailwind styling
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user