From c92df797d74631bf6106c35a05c0251c73456895 Mon Sep 17 00:00:00 2001 From: Michael Connor Date: Tue, 23 Dec 2025 18:40:35 +0000 Subject: [PATCH 1/3] style(docs): Update title styles on pages and more responsive on mobile --- .../(demos)/_components/source-on-github.tsx | 3 ++- .../playground/(demos)/basic-counter/page.tsx | 6 +++--- .../app/playground/(demos)/batching/client.tsx | 5 +++-- .../app/playground/(demos)/batching/page.tsx | 6 ++++-- .../playground/(demos)/hex-colors/client.tsx | 2 +- .../app/playground/(demos)/hex-colors/page.tsx | 6 ++++-- .../docs/src/app/playground/(demos)/layout.tsx | 4 ++-- .../app/playground/(demos)/pagination/page.tsx | 18 +++++++++++------- .../playground/(demos)/pagination/product.tsx | 4 +++- .../playground/(demos)/tic-tac-toe/page.tsx | 4 +++- packages/docs/src/app/playground/page.tsx | 2 +- packages/docs/src/components/querystring.tsx | 2 +- turbo.json | 2 +- 13 files changed, 39 insertions(+), 25 deletions(-) diff --git a/packages/docs/src/app/playground/(demos)/_components/source-on-github.tsx b/packages/docs/src/app/playground/(demos)/_components/source-on-github.tsx index 03d0ddd56..0e7466610 100644 --- a/packages/docs/src/app/playground/(demos)/_components/source-on-github.tsx +++ b/packages/docs/src/app/playground/(demos)/_components/source-on-github.tsx @@ -18,7 +18,8 @@ export async function SourceOnGitHub({ path }: SourceOnGitHubProps) { Source on GitHub diff --git a/packages/docs/src/app/playground/(demos)/basic-counter/page.tsx b/packages/docs/src/app/playground/(demos)/basic-counter/page.tsx index 2333c893e..4695add33 100644 --- a/packages/docs/src/app/playground/(demos)/basic-counter/page.tsx +++ b/packages/docs/src/app/playground/(demos)/basic-counter/page.tsx @@ -1,4 +1,4 @@ -import { Description, H1 } from '@/src/components/typography' +import { Description } from '@/src/components/typography' import { Suspense } from 'react' import { SourceOnGitHub } from '../_components/source-on-github' import { getMetadata } from '../demos' @@ -9,9 +9,9 @@ export const metadata = getMetadata('basic-counter') export default function BasicCounterDemoPage() { return ( <> -

+

{metadata.title} -

+ {metadata.description} diff --git a/packages/docs/src/app/playground/(demos)/batching/client.tsx b/packages/docs/src/app/playground/(demos)/batching/client.tsx index 520b22a0b..49dc8e262 100644 --- a/packages/docs/src/app/playground/(demos)/batching/client.tsx +++ b/packages/docs/src/app/playground/(demos)/batching/client.tsx @@ -20,12 +20,13 @@ export default function BuilderPatternDemoPage() { console.log('Promise cached: ', p1 === p2) p1.then(search => console.log('Awaited: %s', search.toString())) }} + className="mb-2" > Random coordinates
    -
  • Latitude: {lat}
    • -
  • Longitude: {lng}
    • +
  • Latitude: {lat}
    • +
  • Longitude: {lng}
) diff --git a/packages/docs/src/app/playground/(demos)/batching/page.tsx b/packages/docs/src/app/playground/(demos)/batching/page.tsx index c8b4ef602..f3a8d0c46 100644 --- a/packages/docs/src/app/playground/(demos)/batching/page.tsx +++ b/packages/docs/src/app/playground/(demos)/batching/page.tsx @@ -9,8 +9,10 @@ export const metadata = getMetadata('batching') export default function BuilderPatternDemoPage() { return ( <> -

{metadata.title}

- {metadata.description} +

+ {metadata.title} +

+ {metadata.description} diff --git a/packages/docs/src/app/playground/(demos)/hex-colors/client.tsx b/packages/docs/src/app/playground/(demos)/hex-colors/client.tsx index 3a8c36713..c7b5c91d4 100644 --- a/packages/docs/src/app/playground/(demos)/hex-colors/client.tsx +++ b/packages/docs/src/app/playground/(demos)/hex-colors/client.tsx @@ -33,7 +33,7 @@ export default function HexColorsDemo() { ) const asHex = '#' + hexColorSchema.serialize(color) return ( -
+
-

{metadata.title}

- {metadata.description} +

+ {metadata.title} +

+ {metadata.description} diff --git a/packages/docs/src/app/playground/(demos)/layout.tsx b/packages/docs/src/app/playground/(demos)/layout.tsx index 93fedd12e..1133d88f0 100644 --- a/packages/docs/src/app/playground/(demos)/layout.tsx +++ b/packages/docs/src/app/playground/(demos)/layout.tsx @@ -8,11 +8,11 @@ export default function PlaygroundDemoLayout({ children: React.ReactNode }) { return ( - <> +
 }> {children} - +
) } diff --git a/packages/docs/src/app/playground/(demos)/pagination/page.tsx b/packages/docs/src/app/playground/(demos)/pagination/page.tsx index 87771899c..6be034f90 100644 --- a/packages/docs/src/app/playground/(demos)/pagination/page.tsx +++ b/packages/docs/src/app/playground/(demos)/pagination/page.tsx @@ -26,9 +26,11 @@ export default async function PaginationDemoPage({ searchParams }: PageProps) { const pagination = loadPagination(searchParams) return ( <> -

{metadata.title}

- {metadata.description} -

Rendering controls

+

+ {metadata.title} +

+ {metadata.description} +

Rendering controls

@@ -77,15 +79,17 @@ async function ProductSection({ pagination }: PaginatedProps) { const products = await fetchProducts(page, delay) return (
-

+

Product list{' '} (server-rendered)

- {products.map(product => ( - - ))} +
+ {products.map(product => ( + + ))} +
) } diff --git a/packages/docs/src/app/playground/(demos)/pagination/product.tsx b/packages/docs/src/app/playground/(demos)/pagination/product.tsx index 9caecf758..dacc7529f 100644 --- a/packages/docs/src/app/playground/(demos)/pagination/product.tsx +++ b/packages/docs/src/app/playground/(demos)/pagination/product.tsx @@ -12,7 +12,9 @@ export function ProductView({ product, ...props }: ProductViewProps) { {product.price} SKU-{product.id + 1}
-

{product.description}

+

+ {product.description} +

) } diff --git a/packages/docs/src/app/playground/(demos)/tic-tac-toe/page.tsx b/packages/docs/src/app/playground/(demos)/tic-tac-toe/page.tsx index 674637232..01d321902 100644 --- a/packages/docs/src/app/playground/(demos)/tic-tac-toe/page.tsx +++ b/packages/docs/src/app/playground/(demos)/tic-tac-toe/page.tsx @@ -9,7 +9,9 @@ export const metadata = getMetadata('tic-tac-toe') export default function Page() { return ( <> -

{metadata.title}

+

+ {metadata.title} +

{metadata.description}
diff --git a/packages/docs/src/app/playground/page.tsx b/packages/docs/src/app/playground/page.tsx index 110cfb4a9..48a60bb5a 100644 --- a/packages/docs/src/app/playground/page.tsx +++ b/packages/docs/src/app/playground/page.tsx @@ -17,7 +17,7 @@ export default function PlaygroundIndexPage() { {metadata.title} {metadata.description} - +
    {Object.entries(demos).map(([path, { title, description }]) => (
  • diff --git a/packages/docs/src/components/querystring.tsx b/packages/docs/src/components/querystring.tsx index e1d65b7b0..d5a395b80 100644 --- a/packages/docs/src/components/querystring.tsx +++ b/packages/docs/src/components/querystring.tsx @@ -52,7 +52,7 @@ export function QuerystringSkeleton({ aria-label="Querystring spy" aria-description="For browsers where the query is hard to see (eg: on mobile)" className={cn( - 'bg-background block w-full overflow-x-auto rounded-lg border px-3 py-2 text-xs text-wrap sm:text-sm dark:bg-zinc-900/50 dark:shadow-inner', + 'bg-background mt-4 block w-full overflow-x-auto rounded-lg border px-3 py-2 text-xs text-wrap sm:text-sm dark:bg-zinc-900/50 dark:shadow-inner', className )} {...props} diff --git a/turbo.json b/turbo.json index 5bc3bad71..1679e2571 100644 --- a/turbo.json +++ b/turbo.json @@ -1,6 +1,6 @@ { "$schema": "https://turbo.build/schema.v2.json", - "concurrency": "11", + "concurrency": "12", "tasks": { "dev": { "cache": false, From efa089208aa26dd1ae88fe54cc5386ce2987ae44 Mon Sep 17 00:00:00 2001 From: Michael Connor Date: Tue, 23 Dec 2025 19:56:04 +0000 Subject: [PATCH 2/3] style: added typography where needed and changed styling to be more consistent across pages --- .../playground/(demos)/basic-counter/client.tsx | 2 +- .../app/playground/(demos)/basic-counter/page.tsx | 8 ++++---- .../src/app/playground/(demos)/batching/client.tsx | 6 +++--- .../src/app/playground/(demos)/batching/page.tsx | 6 +++--- .../src/app/playground/(demos)/hex-colors/page.tsx | 8 ++++---- .../docs/src/app/playground/(demos)/layout.tsx | 14 ++++++++------ .../src/app/playground/(demos)/pagination/page.tsx | 14 +++++++------- .../pagination/pagination-controls.client.tsx | 2 +- .../pagination/pagination-controls.server.tsx | 2 +- .../app/playground/(demos)/tic-tac-toe/page.tsx | 10 +++++----- packages/docs/src/app/playground/page.tsx | 2 +- 11 files changed, 38 insertions(+), 36 deletions(-) diff --git a/packages/docs/src/app/playground/(demos)/basic-counter/client.tsx b/packages/docs/src/app/playground/(demos)/basic-counter/client.tsx index ca7e324a1..ef5ee68d5 100644 --- a/packages/docs/src/app/playground/(demos)/basic-counter/client.tsx +++ b/packages/docs/src/app/playground/(demos)/basic-counter/client.tsx @@ -11,7 +11,7 @@ export default function BasicCounterDemoPage() { ) return ( <> -