alex/voyage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #576 from lkiesow/mobile-navbar

Browse Source 
Improve overlapping on navbar on mobile devices
This commit is contained in:
Sean Morley
2025-04-25 10:00:49 -04:00
committed by GitHub
parent 85b4db87ec 3a8776c000
commit e44c153f9b
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/lib/components/Navbar.svelte
View File

@@ -179,8 +179,9 @@
{/if} {/if}
</ul> </ul>
</div> </div>
<a class="btn btn-ghost text-2xl font-bold tracking-normal" href="/"> <a class="btn btn-ghost p-0 text-2xl font-bold tracking-normal" href="/">
AdventureLog <img src="/favicon.png" alt="Map Logo" class="w-10" /> <span class="md:inline hidden">AdventureLog</span>
<img src="/favicon.png" alt="Map Logo" class="w-10" />
</a> </a>
</div> </div>
<div class="navbar-center hidden lg:flex"> <div class="navbar-center hidden lg:flex">
@@ -265,7 +266,7 @@
<Avatar user={data.user} /> <Avatar user={data.user} />
{/if} {/if}
<div class="dropdown dropdown-bottom dropdown-end"> <div class="dropdown dropdown-bottom dropdown-end">
<div tabindex="0" role="button" class="btn m-1 ml-4"> <div tabindex="0" role="button" class="btn m-1 p-2">
<DotsHorizontal class="w-6 h-6" /> <DotsHorizontal class="w-6 h-6" />
</div> </div>
<!-- svelte-ignore a11y-no-noninteractive-tabindex --> <!-- svelte-ignore a11y-no-noninteractive-tabindex -->