diff --git a/app/components/ThemeSwitcher.tsx b/app/components/ThemeSwitcher.tsx index 7e18752..d2733b7 100644 --- a/app/components/ThemeSwitcher.tsx +++ b/app/components/ThemeSwitcher.tsx @@ -1,5 +1,4 @@ import { useFetcher } from '@remix-run/react' -import { MoonIcon, SunIcon } from 'lucide-react' import { useTheme } from '~/hooks/useTheme' @@ -20,13 +19,61 @@ export const ThemeSwitcher = () => { document.startViewTransition(themeSwitcher) } + return ( - +
+ +
) } diff --git a/app/components/layout/Documentation.tsx b/app/components/layout/Documentation.tsx index 1e70481..596ba30 100644 --- a/app/components/layout/Documentation.tsx +++ b/app/components/layout/Documentation.tsx @@ -73,14 +73,16 @@ export function Documentation({ return (
-
+
-
+
{prev && (
-
Previous
+
Previous
-
Next
+
Next
{/* Hack to get some space at the bottom of the page */} -
+
{/* eslint-disable-next-line multiline-ternary */} {frontmatter.toc ? ( @@ -142,12 +144,36 @@ export function Documentation({
) : (

)} @@ -160,7 +186,7 @@ export function Documentation({ href={`#${section.slug}`} // onClick={closeNav} className={clsx( - 'toc-anchor block py-1', + 'block py-1 toc-anchor', pageHasSubsections ? 'font-medium' : '', isActive(section) ? 'font-medium text-sky-500 dark:text-sky-400' @@ -179,7 +205,7 @@ export function Documentation({ href={`#${subsection.slug}`} // onClick={closeNav} className={clsx( - 'toc-anchor group flex items-start py-1', + 'flex items-start py-1 toc-anchor group', isActive(subsection) ? 'text-sky-500 dark:text-sky-400' : 'hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-300' @@ -192,7 +218,7 @@ export function Documentation({ width="3" height="24" viewBox="0 -9 3 24" - className="mr-2 overflow-visible text-slate-400 group-hover:text-slate-600 dark:text-slate-600 dark:group-hover:text-slate-500" + className="overflow-visible mr-2 text-slate-400 group-hover:text-slate-600 dark:text-slate-600 dark:group-hover:text-slate-500" > {/* eslint-disable-next-line multiline-ternary */} {section.length > 0 ? ( -
    +
      {section && (
    1. {section} -
    2. )} -
    3. {title}
    4. +
    5. {title}
    ) : ( -
      +
      1. Journal Stack Home
      )} @@ -110,27 +110,27 @@ function MobileSidebar({
      -
      +
      - Remix PWA + Remix PWA setNavIsOpen(false)}>
      -