From 48f855144e6b5c8bdb288b5da85834adf6ba6af5 Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Thu, 28 Apr 2022 16:00:01 +0200
Subject: [PATCH] Limit the snippet pre height

---
 src/dashboardWebView/components/SnippetsView/SnippetForm.tsx   | 2 +-
 .../components/SnippetsView/SnippetInputField.tsx              | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/dashboardWebView/components/SnippetsView/SnippetForm.tsx b/src/dashboardWebView/components/SnippetsView/SnippetForm.tsx
index 8e9c7412..f7aadffd 100644
--- a/src/dashboardWebView/components/SnippetsView/SnippetForm.tsx
+++ b/src/dashboardWebView/components/SnippetsView/SnippetForm.tsx
@@ -103,7 +103,7 @@ const SnippetForm: React.ForwardRefRenderFunction<SnippetFormHandle, ISnippetFor
 
   return (
     <div>
-      <pre className='border border-opacity-40 p-2 whitespace-pre-wrap break-words'>
+      <pre className='border border-opacity-40 p-2 whitespace-pre-wrap break-words max-h-64 overflow-auto'>
         {snippetBody}
       </pre>
 
diff --git a/src/dashboardWebView/components/SnippetsView/SnippetInputField.tsx b/src/dashboardWebView/components/SnippetsView/SnippetInputField.tsx
index 3d6c8215..389c776d 100644
--- a/src/dashboardWebView/components/SnippetsView/SnippetInputField.tsx
+++ b/src/dashboardWebView/components/SnippetsView/SnippetInputField.tsx
@@ -36,8 +36,9 @@ export const SnippetInputField: React.FunctionComponent<ISnippetInputFieldProps>
       <textarea
         name={field.name}
         value={field.value || ""}
-        className="focus:outline-none block w-full sm:text-sm border-gray-300 text-vulcan-500"
+        className="focus:outline-none block w-full sm:text-sm border-gray-300 text-vulcan-500 h-auto"
         onChange={(e) => onValueChange(field, e.currentTarget.value)}
+        rows={4}
       />
     )
   }