From 08cfd6a65e2b9e1d844e9f621a309c9da9d40fae Mon Sep 17 00:00:00 2001
From: Dallin Romney <dallinromney@gmail.com>
Date: Tue, 21 Jan 2025 10:46:02 -0800
Subject: [PATCH 1/2] update image plugin styling

---
 gui/src/components/mainInput/TipTapEditor.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/gui/src/components/mainInput/TipTapEditor.tsx b/gui/src/components/mainInput/TipTapEditor.tsx
index 8b360457d1..cde2975b76 100644
--- a/gui/src/components/mainInput/TipTapEditor.tsx
+++ b/gui/src/components/mainInput/TipTapEditor.tsx
@@ -303,7 +303,6 @@ function TipTapEditor(props: TipTapEditorProps) {
         "Images need to be in jpg or png format and less than 10MB in size.",
       ]);
     }
-    return undefined;
   }
 
   const { prevRef, nextRef, addRef } = useInputHistory(props.historyKey);
@@ -351,7 +350,7 @@ function TipTapEditor(props: TipTapEditorProps) {
         },
       }).configure({
         HTMLAttributes: {
-          class: "editor-image bg-black object-contain max-h-[250px] w-full",
+          class: "object-contain max-h-[210px] max-w-full",
         },
       }),
       Placeholder.configure({
@@ -802,7 +801,7 @@ function TipTapEditor(props: TipTapEditorProps) {
       const contextItem = rifWithContentsToContextItem(
         data.rangeInFileWithContents,
       );
-      console.log(contextItem);
+
       let index = 0;
       for (const el of editor.getJSON()?.content ?? []) {
         if (el.attrs?.item?.name === contextItem.name) {

From 156301d213678dc6aa48fc4bec25ead3b525fd5a Mon Sep 17 00:00:00 2001
From: Dallin Romney <dallinromney@gmail.com>
Date: Tue, 21 Jan 2025 13:12:07 -0800
Subject: [PATCH 2/2] padding between images

---
 gui/src/components/mainInput/TipTapEditor.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gui/src/components/mainInput/TipTapEditor.tsx b/gui/src/components/mainInput/TipTapEditor.tsx
index cde2975b76..232dafae35 100644
--- a/gui/src/components/mainInput/TipTapEditor.tsx
+++ b/gui/src/components/mainInput/TipTapEditor.tsx
@@ -350,7 +350,7 @@ function TipTapEditor(props: TipTapEditorProps) {
         },
       }).configure({
         HTMLAttributes: {
-          class: "object-contain max-h-[210px] max-w-full",
+          class: "object-contain max-h-[210px] max-w-full mx-1",
         },
       }),
       Placeholder.configure({