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

Improve overlapping on navbar on mobile devices

Browse Source 
This patch makes it less likely for elements of the navigation bar to
overlap each other on mobile devices. It also makes spacing a bit more
homogeneous.

The patch basically just adjust some spacing as and hides the map icon
on mobile devices.
This commit is contained in:
Lars Kiesow
2025-04-18 16:35:02 +02:00
parent 85b4db87ec
commit b8aa96b5b3
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" /> AdventureLog
<img src="/favicon.png" alt="Map Logo" class="w-10 md:inline hidden" />
</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 -->