feat: update examples

Author: sadmann7

docs/app/(home)/pg/page.tsx

@@ -18,7 +18,6 @@ import {
 import { Textarea } from "@/components/ui/textarea";
 import { tricks } from "@/lib/data";
 import KanbanDemo from "@/registry/default/example/kanban-demo";
-import SortableDemo from "@/registry/default/example/sortable-demo";
 import {
   Combobox,
   ComboboxAnchor,
@@ -34,7 +33,6 @@ import { ChevronDown } from "lucide-react";
 export default function PlaygroundPage() {
   return (
     <Shell>
-      <SortableDemo />
       <KanbanDemo />
       <Textarea
         placeholder="Type here..."

docs/content/docs/components/sortable.mdx

@@ -66,7 +66,7 @@ import * as Sortable from "@/components/ui/sortable";
 
 Display a dynamic overlay when an item is being dragged.
 
-<ComponentTabs name="sortable-dynamic-overlay-demo" />
+<ComponentTabs name="sortable-dynamic-overlay-demo" scalePreview />
 
 ### With Handle
 

docs/registry/default/example/sortable-demo.tsx

@@ -50,7 +50,7 @@ export default function SortableDemo() {
       <Sortable.Content className="grid auto-rows-fr grid-cols-3 gap-2.5">
         {tricks.map((trick) => (
           <Sortable.Item key={trick.id} value={trick.id} asChild asHandle>
-            <div className="flex flex-col gap-1 rounded-md border bg-zinc-100 p-4 text-foreground shadow dark:bg-zinc-900">
+            <div className="flex size-full flex-col gap-1 rounded-md border bg-zinc-100 p-4 text-foreground shadow dark:bg-zinc-900">
               <div className="font-medium text-sm leading-tight sm:text-base">
                 {trick.title}
               </div>

docs/registry/default/example/sortable-dynamic-overlay-demo.tsx

@@ -78,7 +78,7 @@ interface TrickCardProps
 function TrickCard({ trick, ...props }: TrickCardProps) {
   return (
     <Sortable.Item key={trick.id} value={trick.id} asChild {...props}>
-      <div className="flex flex-col gap-1 rounded-md border bg-zinc-100 p-4 text-foreground shadow dark:bg-zinc-900">
+      <div className="flex size-full flex-col gap-1 rounded-md border bg-zinc-100 p-4 text-foreground shadow dark:bg-zinc-900">
         <div className="font-medium text-sm leading-tight sm:text-base">
           {trick.title}
         </div>