From c08461877d0d0427c5378e82a22f2a7ea88d2b54 Mon Sep 17 00:00:00 2001 From: Sergei Golos Date: Tue, 5 Mar 2024 12:42:28 -0500 Subject: [PATCH] Fixed nav header alignment (#118) * the navigation header css * changed some navigation rendering code to be more qwik * removed working code from front page * the open is closed when loading * mobile menu has multiple columns * balanced the menu for mobile views. fixed 404 message to shared componenet. --- .../src/components/template/404-message.tsx | 17 +++++++++++++++++ .../components/template/mobile-navigation.tsx | 2 +- .../src/components/template/navigation.tsx | 5 ++--- qwik-docs/src/routes/404.mdx | 14 ++------------ qwik-docs/src/routes/[...catchall]/index.mdx | 14 ++------------ .../src/routes/docs/testing-tools/index.mdx | 11 +++++++++++ qwik-docs/src/routes/navigation.ts | 7 ++++--- 7 files changed, 39 insertions(+), 31 deletions(-) create mode 100644 qwik-docs/src/components/template/404-message.tsx create mode 100644 qwik-docs/src/routes/docs/testing-tools/index.mdx diff --git a/qwik-docs/src/components/template/404-message.tsx b/qwik-docs/src/components/template/404-message.tsx new file mode 100644 index 0000000..66c56b9 --- /dev/null +++ b/qwik-docs/src/components/template/404-message.tsx @@ -0,0 +1,17 @@ +import ImgMissingLink from '/public/images/missing-link.jpg?jsx'; +import Notes from '~/components/template/notes' +import { component$ } from "@builder.io/qwik"; + +export default component$(() => { + return <> + + This page seems to have gone the way of the dodo (or maybe just the yeti). But fret not, intrepid explorer, the [birdseye-view](/docs/birdseye-view/) or [getting-started](/docs/getting-started/) might have the answers you're searching for. + +
+ +
+
+ Click Home to find your way back. +
+ +}); \ No newline at end of file diff --git a/qwik-docs/src/components/template/mobile-navigation.tsx b/qwik-docs/src/components/template/mobile-navigation.tsx index 1e12406..b55aba1 100644 --- a/qwik-docs/src/components/template/mobile-navigation.tsx +++ b/qwik-docs/src/components/template/mobile-navigation.tsx @@ -71,7 +71,7 @@ export default component$(() => { aria-label="Navigation" >
- +
: <> diff --git a/qwik-docs/src/components/template/navigation.tsx b/qwik-docs/src/components/template/navigation.tsx index 7e59bc1..882bc17 100644 --- a/qwik-docs/src/components/template/navigation.tsx +++ b/qwik-docs/src/components/template/navigation.tsx @@ -3,14 +3,13 @@ import { useLocation } from "@builder.io/qwik-city"; import { navigation } from "~/routes/navigation"; export default component$(( args: { - class?: string, - columns?: number, + class?: string, onLinkClick?: any }) => { const pathname = useLocation(); return (