From c6bdac631c131805e0d2a4a0ab5678e298e07854 Mon Sep 17 00:00:00 2001 From: onmax Date: Tue, 12 May 2026 10:22:55 +0200 Subject: [PATCH 1/4] docs: restore landing page --- .../content/landing/LandingHero.vue | 40 +- docs/app/pages/index.vue | 37 + docs/content.config.ts | 4 + docs/content/index.md | 70 +- docs/nuxt.config.ts | 1 + docs/package.json | 5 +- pnpm-lock.yaml | 1914 ++++++++--------- 7 files changed, 1017 insertions(+), 1054 deletions(-) create mode 100644 docs/app/pages/index.vue diff --git a/docs/app/components/content/landing/LandingHero.vue b/docs/app/components/content/landing/LandingHero.vue index 443af81e..708248b4 100644 --- a/docs/app/components/content/landing/LandingHero.vue +++ b/docs/app/components/content/landing/LandingHero.vue @@ -1,7 +1,9 @@ @@ -119,17 +129,63 @@ const navLinks = [ .header-logo { display: flex; align-items: center; - gap: 0.75rem; - width: var(--fd-sidebar-width, 268px); + gap: 0.625rem; + width: 8.25rem; height: 100%; - padding-inline: 1.25rem; + padding-inline: 1rem; border-right: 1px solid var(--ui-border); box-sizing: border-box; } +@media (min-width: 640px) { + .header-logo { + gap: 0.75rem; + width: var(--fd-sidebar-width, 268px); + padding-inline: 1.25rem; + } +} + @media (min-width: 1280px) { .header-logo { width: 286px; } } + +:deep(.mobile-header-action) { + display: grid !important; + place-items: center !important; + flex: 0 0 3.5rem; + width: 3.5rem !important; + min-width: 3.5rem !important; + height: 3.5rem !important; + padding: 0 !important; + border-radius: 0 !important; + gap: 0 !important; + color: var(--ui-text-muted); + transition: background-color 0.15s ease, color 0.15s ease; +} + +:deep(.mobile-header-action .mobile-header-icon), +:deep(.mobile-header-action > span), +:deep(.mobile-header-action > svg) { + display: block; + width: 1.375rem; + height: 1.375rem; + margin: 0; + flex: none; +} + +:deep(.mobile-header-action:hover) { + color: var(--ui-text); + background: color-mix(in srgb, var(--ui-bg-elevated) 70%, transparent); +} + +:deep(.mobile-header-action:focus-visible) { + outline: 2px solid var(--ui-primary); + outline-offset: -2px; +} + +:deep(.mobile-header-action + .mobile-header-action) { + border-left: 1px solid var(--ui-border); +} diff --git a/docs/app/components/content/landing/LandingFeatures.vue b/docs/app/components/content/landing/LandingFeatures.vue index f1ffeaa5..f5712994 100644 --- a/docs/app/components/content/landing/LandingFeatures.vue +++ b/docs/app/components/content/landing/LandingFeatures.vue @@ -6,13 +6,13 @@ const items = features.items as { title: string, description: string, icon: stri