(fix:edit-query) replace input with textarea

arc53 · Nov 29, 2024 · 05fdf6b · 05fdf6b
1 parent 6953c3d
commit 05fdf6b
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/frontend/src/conversation/ConversationBubble.tsx b/frontend/src/conversation/ConversationBubble.tsx
@@ -105,10 +105,14 @@ const ConversationBubble = forwardRef<
           )}
           {isEditClicked && (
             <div ref={editableQueryRef} className="w-[75%] flex flex-col">
-              <input
-                onChange={(e) => setEditInputBox(e.target.value)}
+              <textarea
+                placeholder="Type the updated query..."
+                onChange={(e) => {
+                  setEditInputBox(e.target.value);
+                }}
+                rows={1}
                 value={editInputBox}
-                className="ml-2 mr-2 rounded-[28px] py-[12px] dark:border-[0.5px] dark:border-white dark:bg-raisin-black dark:text-white px-[18px] border-[1.5px] border-black"
+                className="ml-2 mr-12 text-[15px] resize-y h-12 min-h-max rounded-3xl p-3  no-scrollbar leading-relaxed dark:border-[0.5px] dark:border-white dark:bg-raisin-black dark:text-white px-[18px] border-[1.5px] border-black"
               />
               <div
                 className={`flex flex-row-reverse justify-end gap-1 mt-3 text-sm font-medium`}