fix

Author: zbeyens

apps/www/src/app/(blocks)/blocks/playground/page.tsx

@@ -18,7 +18,7 @@ export default function PlaygroundPage() {
       className={cn('themes-wrapper bg-background', block.container?.className)}
     >
       {/* <BlockWrapper block={block}> */}
-      <PlaygroundDemo className="h-dvh [&_[data-slate-editor]]:h-[calc(100dvh-37px)]" />
+      <PlaygroundDemo className="h-dvh" />
       {/* {chunks?.map((chunk, index) => (
           <BlockChunk
             key={chunk.name}

apps/www/src/components/playground-preview.tsx

@@ -73,7 +73,7 @@ export function PlaygroundPreview({
         >
           <div className="chunk-mode relative z-20 w-full bg-background">
             <ThemeWrapper>
-              <PlaygroundDemo className="max-h-[655px]" />
+              <PlaygroundDemo className="h-[650px]" />
             </ThemeWrapper>
           </div>
 

apps/www/src/registry/default/example/playground-demo.tsx

@@ -99,12 +99,10 @@ export default function PlaygroundDemo({
   return (
     <DemoId id={id}>
       <Plate editor={editor}>
-        <EditorContainer
-          className={cn(id ? 'h-[500px]' : 'h-[650px]', className)}
-        >
+        <EditorContainer className={cn(id && 'h-[500px]', className)}>
           <Editor
             variant="demo"
-            className={cn(!id && 'pb-[20vh]', id && 'h-[463px] pb-8')}
+            className={cn(id ? 'h-[calc(100%-37px)] pb-8' : 'pb-[20vh]')}
             spellCheck={false}
           />
         </EditorContainer>

apps/www/src/registry/default/plate-ui/editor.tsx

@@ -79,9 +79,9 @@ const editorVariants = cva(
         aiChat:
           'max-h-[min(70vh,320px)] w-full max-w-[700px] overflow-y-auto px-3 py-2 text-sm',
         default:
-          'min-h-full w-full px-16 pb-72 pt-4 text-base sm:px-[max(64px,calc(50%-350px))]',
-        demo: 'h-[613px] w-full px-16 pb-72 pt-4 text-base sm:px-[max(64px,calc(50%-350px))]',
-        fullWidth: 'min-h-full w-full px-16 pb-72 pt-4 text-base sm:px-24',
+          'size-full px-16 pb-72 pt-4 text-base sm:px-[max(64px,calc(50%-350px))]',
+        demo: 'size-full px-16 pb-72 pt-4 text-base sm:px-[max(64px,calc(50%-350px))]',
+        fullWidth: 'size-full px-16 pb-72 pt-4 text-base sm:px-24',
       },
     },
   }