Make grow a prop for CodeBlock

temporalio · Dec 4, 2024 · b203e7a · b203e7a
1 parent e2532bc
commit b203e7a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/lib/components/lines-and-dots/input-and-results-payload.svelte b/src/lib/components/lines-and-dots/input-and-results-payload.svelte
@@ -35,6 +35,7 @@
             copyIconTitle={translate('common.copy-icon-title')}
             copySuccessIconTitle={translate('common.copy-success-icon-title')}
             maxHeight={300}
+            grow={false}
           />
         {/each}
       </PayloadDecoder>
@@ -45,6 +46,7 @@
           copyIconTitle={translate('common.copy-icon-title')}
           copySuccessIconTitle={translate('common.copy-success-icon-title')}
           maxHeight={300}
+          grow={false}
         />
       </PayloadDecoder>
     {/if}
@@ -54,6 +56,7 @@
       language="text"
       copyable={false}
       maxHeight={300}
+      grow={false}
     />
   {/if}
 </div>
diff --git a/src/lib/holocene/code-block.svelte b/src/lib/holocene/code-block.svelte
@@ -34,6 +34,7 @@
     language?: 'json' | 'text' | 'shell';
     editable?: boolean;
     inline?: boolean;
+    grow?: boolean;
     testId?: string;
     copyable?: boolean;
     minHeight?: number;
@@ -56,6 +57,7 @@
   export { className as class };
   export let editable = false;
   export let inline = false;
+  export let grow = true;
   export let language = 'json';
   export let copyable = true;
   export let copyIconTitle = '';
@@ -188,7 +190,7 @@
   $: content, language, setView();
 </script>
 
-<div class="relative min-w-[80px] grow">
+<div class:grow class="relative min-w-[80px]">
   <div
     bind:this={editor}
     class={className}