fix: navigation colors
All checks were successful
Build / build (push) Successful in 4m22s
Build / deploy-stage (push) Successful in 2m51s
Build / switch-stage (push) Successful in 2m8s

This commit is contained in:
2025-04-22 23:04:28 +02:00
parent 8ee10d0a1c
commit a1ed6e2a87
2 changed files with 6 additions and 11 deletions

View File

@@ -4,11 +4,11 @@
<f:image src="EXT:base/Resources/Public/Images/logo.png" alt="Logo" class="block max-h-[50px] h-auto w-auto" />
</a>
<button class="nav-toggle group lg:hidden relative w-[30px] h-[30px] cursor-pointer ml-auto bg-none border-none" id="navToggle" aria-label="Toggle Menu">
<span class="nav-toggle-icon block relative w-full h-[2px] bg-primary transition-all duration-300
before:content-[''] before:block before:absolute before:w-full before:h-[2px] before:bg-primary before:left-0 before:-top-[8px] before:transition-all before:duration-300
after:content-[''] after:block after:absolute after:w-full after:h-[2px] after:bg-primary after:left-0 after:top-[8px] after:transition-all after:duration-300
group-[.active]:bg-transparent group-[.active]:before:rotate-45 group-[.active]:before:translate-x-[5px] group-[.active]:before:translate-y-[5px]
group-[.active]:after:-rotate-45 group-[.active]:after:translate-x-[5px] group-[.active]:after:-translate-y-[5px]"></span>
<span class="nav-toggle-icon block relative w-full h-[2px] bg-white transition-all duration-300
before:content-[''] before:block before:absolute before:w-full before:h-[2px] before:bg-white before:left-0 before:-top-[8px] before:transition-all before:duration-300
after:content-[''] after:block after:absolute after:w-full after:h-[2px] after:bg-white after:left-0 after:top-[8px] after:transition-all after:duration-300
group-[.active]:bg-transparent group-[.active]:before:rotate-45 group-[.active]:before:translate-y-[8px]
group-[.active]:after:-rotate-45 group-[.active]:after:-translate-y-[8px]"></span>
</button>
<ul class="nav-links flex items-center list-none mx-auto font-hajime text-primary