adjust tiptap styling

Author: elie222

apps/web/app/(app)/automation/knowledge/KnowledgeForm.tsx

@@ -48,7 +48,10 @@ export function KnowledgeForm({
           title: editingItem.title,
           content: editingItem.content,
         }
-      : undefined,
+      : {
+          title: "How to draft replies",
+          content: "",
+        },
   });
 
   const editorRef = useRef<TiptapHandle>(null);
@@ -101,12 +104,14 @@ export function KnowledgeForm({
           name="content"
           control={control}
           render={({ field }) => (
-            <Tiptap
-              ref={editorRef}
-              initialContent={field.value ?? ""}
-              className="mt-1"
-              autofocus={false}
-            />
+            <div className="max-h-[600px] overflow-y-auto">
+              <Tiptap
+                ref={editorRef}
+                initialContent={field.value ?? ""}
+                className="mt-1"
+                autofocus={false}
+              />
+            </div>
           )}
         />
         {errors.content && (

apps/web/components/editor/Tiptap.tsx

@@ -53,7 +53,7 @@ export const Tiptap = forwardRef<
     editorProps: {
       attributes: {
         class: cn(
-          "prose prose-sm sm:prose-base dark:prose-invert max-w-none focus:outline-none min-h-[120px] px-3 py-2",
+          "px-3 py-2 max-w-none focus:outline-none min-h-[120px]",
           className,
         ),
       },