Polish some things

DigitecGalaxus · Jan 2, 2025 · 3184c58 · 3184c58
1 parent 0b47f0c
commit 3184c58
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 90 deletions.
diff --git a/packages/docs/app/(home)/page.tsx b/packages/docs/app/(home)/page.tsx
@@ -33,7 +33,7 @@ export default function HomePage() {
       <LinkArea>
         <PrimaryLink href={"/docs/getting-started"}>
           Get started
-          <svg
+          <Svg
             xmlns="http://www.w3.org/2000/svg"
             width="24"
             height="24"
@@ -43,20 +43,17 @@ export default function HomePage() {
             strokeWidth="2"
             strokeLinecap="round"
             strokeLinejoin="round"
-            style={{
-              height: ".7lh",
-            }}
           >
             <path d="M14 4.1 12 6" />
             <path d="m5.1 8-2.9-.8" />
             <path d="m6 12-1.9 2" />
             <path d="M7.2 2.2 8 5.1" />
             <path d="M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z" />
-          </svg>
+          </Svg>
         </PrimaryLink>
         <SecondaryLink href={"https://github.com/jantimon/next-yak"}>
           Github
-          <svg
+          <Svg
             xmlns="http://www.w3.org/2000/svg"
             width="24"
             height="24"
@@ -66,13 +63,9 @@ export default function HomePage() {
             strokeWidth="2"
             strokeLinecap="round"
             strokeLinejoin="round"
-            style={{
-              height: ".7lh",
-            }}
-            // class="lucide lucide-chevron-right"
           >
             <path d="m9 18 6-6-6-6" />
-          </svg>
+          </Svg>
         </SecondaryLink>
       </LinkArea>
 
@@ -116,19 +109,6 @@ export default function HomePage() {
   );
 }
 
-const Image = styled.img`
-  ${breakpoints.md} {
-    transform: scaleX(-1);
-  }
-`;
-
-const Description = styled.p`
-  margin-block-end: 2rem;
-  ${breakpoints.md} {
-    margin-block: 1.5rem;
-  }
-`;
-
 const Article = styled.article`
   display: flex;
   flex-direction: column;
@@ -141,7 +121,6 @@ const Article = styled.article`
 const Title = styled.h1`
   font-size: 5rem;
   font-weight: 400;
-  // margin: 1rem 0;
 
   background: #000;
   background: radial-gradient(
@@ -164,6 +143,19 @@ const Title = styled.h1`
   }
 `;
 
+const Image = styled.img`
+  ${breakpoints.md} {
+    transform: scaleX(-1);
+  }
+`;
+
+const Description = styled.p`
+  margin-block-end: 2rem;
+  ${breakpoints.md} {
+    margin-block: 1.5rem;
+  }
+`;
+
 const LinkArea = styled.div`
   display: flex;
   justify-content: center;
@@ -241,3 +233,7 @@ const List = styled.ul`
 const EnumTitle = styled.div`
   font-weight: 600;
 `;
+
+const Svg = styled.svg`
+  height: 0.7lh;
+`;
diff --git a/packages/docs/content/docs/examples.mdx b/packages/docs/content/docs/examples.mdx
@@ -2,6 +2,8 @@
 title: Examples
 ---
 
-## [Showcase](https://github.com/jantimon/next-yak/tree/main/packages/example)
+## Showcase
 
 Small showcase of next-yak in action with all the features.
+
+Code: [https://github.com/jantimon/next-yak/tree/main/packages/example](https://github.com/jantimon/next-yak/tree/main/packages/example)
diff --git a/packages/docs/content/docs/getting-started.mdx b/packages/docs/content/docs/getting-started.mdx
@@ -12,71 +12,13 @@ import { Tab, Tabs } from 'fumadocs-ui/components/tabs';
 the expressive power of styled-components syntax with efficient build-time extraction of CSS using
 Next.js's built-in CSS configuration.
 
-## Installation
+| next-yak         | Next.js         | react            | swc_core         |
+|------------------|-----------------|------------------|------------------|
+| 4.x              | >= 15.0.4       | 19.x             | 5.0.1            |
+| 3.x              | 15.x            | 18.x / 19.x      | 3.0.2            |
+| 2.x              | 14.x            | 18.x / 19.x      | 0.279.0          |
 
-<table>
-<thead>
-  <tr>
-    <td>
-    next-yak
-    </td>
-    <td>
-    Next.js
-    </td>
-    <td>
-    react
-    </td>
-    <td>
-      swc_core
-    </td>
-  </tr>
-</thead>
-<tbody>
-  <tr>
-    <td>
-      4.x
-    </td>
-    <td>
-      \>= 15.0.4
-    </td>
-    <td>
-      19.x
-    </td>
-    <td>
-     \>= 5.0.1, < 6.0.0
-    </td>
-  </tr>
-  <tr>
-    <td>
-      3.x
-    </td>
-    <td>
-      15.x
-    </td>
-    <td>
-      18.x / 19.x
-    </td>
-    <td>
-      3.0.2
-    </td>
-  </tr>
-  <tr>
-    <td>
-      2.x
-    </td>
-    <td>
-      14.x
-    </td>
-    <td>
-      18.x / 19.x
-    </td>
-    <td>
-      0.279.0
-    </td>
-  </tr>
-</tbody>
-
-</table>
+## Installation
 
 <Steps>
 <Step>