fix(docs): resizable demo fixes

stefan-karger · Apr 29, 2024 · 8fbbdfa · 8fbbdfa
1 parent 366a1c3
commit 8fbbdfa
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/apps/docs/src/registry/example/resizable-demo.tsx b/apps/docs/src/registry/example/resizable-demo.tsx
@@ -3,21 +3,21 @@ import { Resizable, ResizableHandle, ResizablePanel } from "../ui/resizable"
 export default function ResizableDemo() {
   return (
     <Resizable orientation="horizontal" class="max-w-md rounded-lg border">
-      <ResizablePanel initialSize={50}>
+      <ResizablePanel initialSize={0.25} class="overflow-hidden">
         <div class="flex h-[200px] items-center justify-center p-6">
           <span class="font-semibold">One</span>
         </div>
       </ResizablePanel>
       <ResizableHandle withHandle />
-      <ResizablePanel initialSize={50}>
+      <ResizablePanel initialSize={0.75} class="overflow-hidden">
         <Resizable orientation="vertical">
-          <ResizablePanel initialSize={25}>
+          <ResizablePanel initialSize={0.5} class="overflow-hidden">
             <div class="flex h-full items-center justify-center p-6">
               <span class="font-semibold">Two</span>
             </div>
           </ResizablePanel>
           <ResizableHandle />
-          <ResizablePanel initialSize={75}>
+          <ResizablePanel initialSize={0.5} class="overflow-hidden">
             <div class="flex h-full items-center justify-center p-6">
               <span class="font-semibold">Three</span>
             </div>

diff --git a/apps/docs/src/routes/docs/components/resizable.mdx b/apps/docs/src/routes/docs/components/resizable.mdx
@@ -8,7 +8,7 @@
 
 ## About
 
-Drawer is built on top of [corvu](https://corvu.dev/) by [GiyoMoon](https://github.com/GiyoMoon).
+Resizable is built on top of [corvu](https://corvu.dev/) by [GiyoMoon](https://github.com/GiyoMoon).
 
 ## Installation