External/SnapOtter
1
0
Fork 0
mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(landing): open Product dropdown below the navbar bottom line (#571)

Browse Source 
Anchor the Product menu panel below the navbar's bottom border line by bumping its top padding (pt-3 to pt-8). The panel was anchored to the button, landing 10px above the line, so the full-width navbar gradient line cut across the top of the open dropdown.
This commit is contained in:
SnapOtter
2026-07-18 11:53:51 +08:00
committed by GitHub
parent a23158d968
commit e3a01b6be6
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/landing/src/components/Navbar.astro
+3 -1
View File
@@ -58,7 +58,9 @@ const links: NavItem[] = [
{t(locale, "nav.product")}
<svg class="h-4 w-4 transition-transform group-hover:rotate-180 group-focus-within:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
</button>
<div class="absolute left-0 top-full hidden pt-3 group-hover:block group-focus-within:block">
<!-- pt clears the button-to-navbar-bottom gap so the panel opens below the
navbar's bottom border line instead of overlapping up through it. -->
<div class="absolute left-0 top-full hidden pt-8 group-hover:block group-focus-within:block">
<div class="w-64 rounded-xl border border-border bg-surface p-2 shadow-lg">
{productLinks.map((item) => (
<a