jcreek/SvelteKitSaasBoilerplate
1
0
Fork 0
mirror of https://github.com/jcreek/SvelteKitSaasBoilerplate.git synced 2026-07-13 02:53:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #16 from jcreek/2-replace-navbar-with-a-better-one

Browse Source 
feat(#2): Begin replacing navbar
This commit is contained in:
Josh Creek
2024-06-18 19:53:03 +01:00
committed by GitHub
parent 1e6158b5eb ca40b8403a
commit addaeeee84
2 changed files with 28 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/NavLinks.svelte
+23
View File
@@ -0,0 +1,23 @@
<script lang="ts">
export let isMobile: boolean = false;
</script>
<li><a href="/products">Products</a></li>
<li class={isMobile ? '' : 'dropdown'}>
{#if isMobile}
<div tabindex="0" role="button" class="">Parent</div>
{:else}
<details>
<summary>Parent</summary>
</details>
{/if}
<ul
class="{isMobile
? ''
: 'dropdown-content rounded-box w-52 shadow'} z-[1] menu p-2 bg-base-100 text-base-content"
>
<li><a href="/">Submenu 1</a></li>
<li><a href="/">Submenu 2</a></li>
</ul>
</li>
<li><a href="/">Item 3</a></li>