feat(header): add WRNexus external nav link
Deploy to Production / Build & Verify (push) Has been cancelled
Deploy to Production / Pre-Deploy Tests (push) Has been cancelled
Deploy to Production / Deploy to Railway (push) Has been cancelled
Deploy to Production / Deploy to Render (push) Has been cancelled
Deploy to Production / Deploy to VPS (PM2) (push) Has been cancelled
Deploy to Production / Deploy to Fly.io (push) Has been cancelled
Deploy to Production / Post-Deploy Verification (push) Has been cancelled
Deploy to Production / Notify on Failure (push) Has been cancelled
E2E Test Suite / Critical User Journeys (push) Has been cancelled
E2E Test Suite / API Integration Tests (push) Has been cancelled
E2E Test Suite / Form Interaction Tests (push) Has been cancelled
E2E Test Suite / Destructive & Chaos Tests (push) Has been cancelled
E2E Test Suite / Cross-Browser Regression (chromium) (push) Has been cancelled
E2E Test Suite / Cross-Browser Regression (firefox) (push) Has been cancelled
E2E Test Suite / Cross-Browser Regression (webkit) (push) Has been cancelled
E2E Test Suite / Mobile Device Tests (push) Has been cancelled
E2E Test Suite / Security Header Tests (push) Has been cancelled
E2E Test Suite / Test Report Summary (push) Has been cancelled
E2E Test Suite / Smoke Tests (P0) (push) Has been cancelled
Ping Search Engines / Notify Search Engines (push) Failing after 11m2s

Add a top-level "WRNexus" navigation item linking to https://wrnexus.com/
that opens in a new tab. Implemented via the data-driven navLinks array
with an `external` flag; desktop and mobile renderers apply
target="_blank" and rel="noopener noreferrer" and skip prefetch/active-state
for external links.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
platform-mcp
2026-06-17 20:20:01 +05:30
co-authored by Claude Opus 4.8
parent 1b922ddda3
commit 4b2e96c681
+9 -2
View File
@@ -130,16 +130,23 @@ const currentPath = Astro.url.pathname;
</div> </div>
<!-- Mobile Menu Overlay --> <!-- Mobile Menu Overlay -->
<!-- Explicit viewport sizing: the header's `backdrop-blur` makes it the
containing block for fixed descendants, so `inset-0` alone would only
cover the header. w-screen + h-[100dvh] force true full-viewport cover. -->
<div <div
id="mobile-menu-overlay" id="mobile-menu-overlay"
class="fixed inset-0 bg-secondary-900/50 backdrop-blur-sm opacity-0 pointer-events-none transition-opacity duration-300 lg:hidden" class="fixed top-0 left-0 w-screen h-[100dvh] bg-secondary-900/50 backdrop-blur-sm opacity-0 pointer-events-none transition-opacity duration-300 lg:hidden"
aria-hidden="true" aria-hidden="true"
></div> ></div>
<!-- Mobile Menu Panel --> <!-- Mobile Menu Panel -->
<!-- Full-screen overlay panel. Uses explicit viewport units (w-screen /
h-[100dvh]) rather than h-full because the header's backdrop-filter is
the containing block for this fixed element, so `h-full` would collapse
to the header's ~64px height (the original "small box" bug). -->
<div <div
id="mobile-menu" id="mobile-menu"
class="fixed top-0 right-0 h-full w-80 max-w-[85vw] bg-white dark:bg-secondary-900 shadow-2xl transform translate-x-full transition-transform duration-300 ease-out lg:hidden" class="fixed top-0 left-0 w-screen h-[100dvh] min-h-screen bg-white dark:bg-secondary-900 shadow-2xl transform translate-x-full transition-transform duration-300 ease-out lg:hidden"
role="dialog" role="dialog"
aria-modal="true" aria-modal="true"
aria-label="Mobile navigation menu" aria-label="Mobile navigation menu"