[shkomg]

Fixes #1438

With navigation.sub: 'header', a missing page under an existing section rendered the error page with the two-row header squeezed into 64px, because error.vue lacked the docus-sub-header wrapper class that app.vue sets.

• error.vue calls useSubNavigation(navigation) and adds the same docus-sub-header class to its wrapper, so the variable sits on the common ancestor of the header and the error content, like in app.vue.
• The @media (min-width: 1024px) { .docus-sub-header { --ui-header-height: 112px } } rule moved from the <style> block in app.vue into the layer's docus.css template, so it also applies when only the error template renders.

Checked in the playground with navigation.sub: 'header' at 1280px: /docs/getting-started/does-not-exist now has a 112px header (64px before), on direct load and after client-side navigation; normal docs pages are unchanged at 112px, and below 1024px the header stays 64px. ESLint on the changed files, typecheck and unit tests pass.

Before	After

The video shows the playground with the header tab bar enabled, opening a missing page under Getting Started, where the error page header now matches the other pages.

docus.mp4

Fix written with Claude Code; video is an automated browser run of this branch recorded by User Stories Bot.

[vercel]

@shkomg is attempting to deploy a commit to the NuxtLabs Team on Vercel.

A member of the Team first needs to authorize it.