troy/troylusty.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

fix: increase nav text size on mobile

Browse source
This commit is contained in:
Troy 2025-02-13 17:06:23 +00:00
parent 81538a6fdf
commit 089859e1f3
Signed by: troy
GPG key ID: DFC06C02ED3B4711
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/Header.astro
View file

@ -44,7 +44,7 @@ const currentPath = pathname.replace(/\/$/, "");
</button>
</div>
<ul
class="w-full items-center gap-4 text-right md:flex md:w-fit md:text-left"
class="my-4 flex w-full flex-col items-center gap-4 text-right md:my-0 md:flex md:w-fit md:flex-row md:text-left"
x-bind:class="{ 'hidden': !open }"
x-cloak
>
@ -53,7 +53,7 @@ const currentPath = pathname.replace(/\/$/, "");
let linkHref = link.href.replace(/\/$/, "");
const isActive = currentPath.startsWith(linkHref);
return (
<li class="text-tertiary hover:text-secondary focus:text-secondary font-medium capitalize transition-colors duration-300 focus:outline-hidden">
<li class="text-tertiary hover:text-secondary focus:text-secondary text-2xl font-medium capitalize transition-colors duration-300 focus:outline-hidden md:text-base">
<a
href={link.href}
class:list={[isActive ? "text-secondary" : ""]}