chore(site): rename website to site

2026-08-16 02:45:09 +00:00 · 2025-10-28 13:44:03 -05:00
parent 5dbaddc513
commit d1583dd47d
168 changed files with 22 additions and 22 deletions
@@ -0,0 +1,63 @@
+---
+import type { Guide, SupportedFramework, SupportedStyle } from '@/types/docs';
+import { ChevronDown } from 'lucide-react';
+
+type Props<F extends SupportedFramework = SupportedFramework> = {
+  prev: Guide | null;
+  next: Guide | null;
+  framework: F;
+  style: SupportedStyle<F>;
+  docTitles: Map<string, string>;
+};
+
+const { prev, next, framework, style, docTitles } = Astro.props;
+
+function getGuideUrl<F extends SupportedFramework>(framework: F, style: SupportedStyle<F>, slug: string): string {
+  return `/docs/framework/${framework}/style/${style}/${slug}`;
+}
+---
+
+<nav class="w-full max-w-3xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-5">
+  {
+    prev ? (
+      <a
+        href={getGuideUrl(framework, style, prev.slug)}
+        class="grid items-center gap-x-2 p-4 border border-light-40 dark:border-dark-80 rounded-lg intent:border-dark-40 dark:intent:border-dark-40"
+        style="grid-template-areas: 'empty direction' 'icon title'; grid-template-columns: auto minmax(0,1fr); grid-template-rows: auto minmax(0,1fr);"
+      >
+        <div class="text-sm text-dark-80 dark:text-light-40" style="grid-area: direction;">
+          Previous
+        </div>
+        <div class="text-base font-medium text-balance" style="grid-area: title">
+          {prev.sidebarLabel || docTitles.get(prev.slug)}
+        </div>
+        <div style="grid-area: icon">
+          <ChevronDown size={12} className="rotate-90" />
+        </div>
+      </a>
+    ) : (
+      <div />
+    )
+  }
+  {
+    next ? (
+      <a
+        href={getGuideUrl(framework, style, next.slug)}
+        class="grid items-center gap-x-2 p-4 border border-light-40 dark:border-dark-80 rounded-lg intent:border-dark-40 text-right dark:intent:border-dark-40"
+        style="grid-template-areas: 'direction empty' 'title icon';grid-template-columns: minmax(0,1fr) auto; grid-template-rows: auto minmax(0,1fr);"
+      >
+        <div class="text-sm text-dark-80 dark:text-light-40" style="grid-area: direction;">
+          Next
+        </div>
+        <div class="text-base font-medium text-balance" style="grid-area: title">
+          {next.sidebarLabel || docTitles.get(next.slug)}
+        </div>
+        <div style="grid-area: icon">
+          <ChevronDown size={12} className="-rotate-90" />
+        </div>
+      </a>
+    ) : (
+      <div />
+    )
+  }
+</nav>