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

Adjust main menu font size

Browse Source 
This patch slightly adjusts the font size of list items in the main
menu. I probably wouldn't mind making it even a bit bigger, but that's
probably worth a separate discussion.

Reasons for this adjustment:

1. Don't use different font sizes in the same lement.
   While the buttons rendered at 14px, the search text rendered at 16px.
   They should have the same font-size.

2. The buttons were below the base text size controlled by Tailwind CSS.
   This means, it also puts the font size below the recommended
   font-size for mobile devices (Google/Apple guidelines). This patch
   puts them at the base level.
This commit is contained in:
Lars Kiesow
2025-04-27 16:08:03 +02:00
parent dbd417ca87
commit 5f7bf52758
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -116,7 +116,7 @@
<!-- svelte-ignore a11y-no-noninteractive-tabindex --> <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<ul <ul
tabindex="0" tabindex="0"
class="menu dropdown-content mt-3 z-[1] p-2 shadow bg-neutral text-neutral-content rounded-box gap-2 w-96" class="menu dropdown-content mt-3 z-[1] p-2 shadow bg-neutral text-base text-neutral-content rounded-box gap-2 w-96"
> >
{#if data.user} {#if data.user}
<li> <li>