fix(blocks): resizable handle now works as expected

stefan-karger · stefan-karger · commit 7af279c9e72b · 2024-12-02T12:19:33.000+01:00
diff --git a/apps/docs/src/components/block-display.tsx b/apps/docs/src/components/block-display.tsx
@@ -77,7 +77,7 @@ export function BlockDisplay(props: { name: string }) {
             >
               <iframe
                 src={`/blocks/${item().name}`}
-                class="relative z-20 hidden h-[800px] w-full bg-background md:block"
+                class="pointer-events-none relative z-20 hidden h-[800px] w-full bg-background md:block"
               />
             </ResizablePanel>
             <ResizableHandle class="relative hidden w-3 bg-transparent p-0 after:absolute after:right-0 after:top-1/2 after:h-8 after:w-[6px] after:-translate-x-px after:-translate-y-1/2 after:rounded-full after:bg-border after:transition-all after:hover:h-10 md:block" />

Original file line number	Diff line number	Diff line change
`@@ -77,7 +77,7 @@ export function BlockDisplay(props: { name: string }) {`
`77`	`77`	`>`
`78`	`78`	`<iframe`
`79`	`79`	src={`/blocks/${item().name}`}
`80`		`- class="relative z-20 hidden h-[800px] w-full bg-background md:block"`
	`80`	`+ class="pointer-events-none relative z-20 hidden h-[800px] w-full bg-background md:block"`
`81`	`81`	`/>`
`82`	`82`	`</ResizablePanel>`
`83`	`83`	`<ResizableHandle class="relative hidden w-3 bg-transparent p-0 after:absolute after:right-0 after:top-1/2 after:h-8 after:w-[6px] after:-translate-x-px after:-translate-y-1/2 after:rounded-full after:bg-border after:transition-all after:hover:h-10 md:block" />`