docs: better isolate demo (still not working tho).

Blankeos · Blankeos · commit fdcf3d685a91 · 2025-12-04T23:23:10.000+08:00
diff --git a/dev/components/demos/isolate.tsx b/dev/components/demos/isolate.tsx
@@ -28,7 +28,7 @@ export default function IsolateDemo(props: Omit<DemoProps, "children" | "code">)
       onClick={() => setIncreased((o) => !o)}
     >
       <div class="~text-3xl/4xl flex items-center gap-4">
-        {increased() && <div class="~w-20/40 h-[1em] rounded-sm bg-zinc-800" />}
+        {increased() && <div class="h-[1em] w-40 rounded-sm bg-green-500"></div>}
         <NumberFlow
           locales="en-US"
           isolate={isolate()}

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ export default function IsolateDemo(props: Omit<DemoProps, "children" \| "code">)`
`28`	`28`	`onClick={() => setIncreased((o) => !o)}`
`29`	`29`	`>`
`30`	`30`	`<div class="~text-3xl/4xl flex items-center gap-4">`
`31`		`- {increased() && <div class="~w-20/40 h-[1em] rounded-sm bg-zinc-800" />}`
	`31`	`+ {increased() && <div class="h-[1em] w-40 rounded-sm bg-green-500"></div>}`
`32`	`32`	`<NumberFlow`
`33`	`33`	`locales="en-US"`
`34`	`34`	`isolate={isolate()}`