notkaramel/ECSESS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed navbar for phone and laptop

Browse Source
This commit is contained in:
paololahoud2004@gmail.com
2025-11-03 20:36:39 -05:00
parent 7bd0b30d01
commit 174beae4ea
2 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/layout/NavBar.svelte
View File

@@ -16,7 +16,7 @@
<button
type="button"
class="bg-ecsess-black-hover hover:bg-ecsess-800 grid size-10 place-items-center rounded-md transition-colors ease-in-out active:bg-ecsess-900"
class="bg-ecsess-black-hover hover:bg-ecsess-800 active:bg-ecsess-900 grid size-10 place-items-center rounded-md transition-colors ease-in-out"
onclick={() => {
menuHidden = !menuHidden;
}}
@@ -26,13 +26,16 @@
</div>
{#if !menuHidden}
<div class="flex flex-col place-items-center gap-1" transition:slide>
<div
class="bg-ecsess-900 border-ecsess-700 mx-2 mb-2 flex w-auto flex-col gap-1 rounded-lg border-2 px-2 py-2 shadow-lg"
transition:slide
>
<NavButton href="/">Home</NavButton>
<NavButton href="/council">Meet the council</NavButton>
<NavButton href="/events">Events</NavButton>
<NavButton href="/resources">Resources</NavButton>
{#if isElectionTime}
<NavButton href="/join">Join ECSESS</NavButton>
<NavButton href="/join">Join ECSESS</NavButton>
{/if}
</div>
{/if}