bugfix: fix input padding

devflowinc · Jan 9, 2025 · 66dce1c · 66dce1c
1 parent 6076f4a
commit 66dce1c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 22 deletions.
diff --git a/clients/search-component/src/TrieveModal/Chat/ChatMode.tsx b/clients/search-component/src/TrieveModal/Chat/ChatMode.tsx
@@ -12,13 +12,11 @@ import ImagePreview from "../ImagePreview";
 export const ChatMode = () => {
   const {
     props,
-    setMode,
     modalRef,
     open,
     setOpen,
     mode,
     currentGroup,
-    setCurrentGroup,
     uploadingImage,
     imageUrl,
   } = useModalState();
@@ -133,18 +131,14 @@ export const ChatMode = () => {
               ))}
             </div>
           </div>
-          <ImagePreview
-            isUploading={uploadingImage}
-            imageUrl={imageUrl}
-            active
-          />
         </div>
       </div>
       <div
         className={`chat-footer-wrapper${
           messages.length ? " with-messages" : ""
         }`}
       >
+        <ImagePreview isUploading={uploadingImage} imageUrl={imageUrl} active />
         {currentGroup && (
           <div className="chat-group-disclaimer">
             <div>Chatting with {currentGroup.name.replace(/<[^>]*>/g, "")}</div>
@@ -162,19 +156,6 @@ export const ChatMode = () => {
             props.type == "ecommerce" ? "" : props.type
           } ${props.inline && "inline-input-wrapper"}`}
         >
-          {!props.inline ? (
-            <button
-              onClick={() => {
-                if (currentGroup) {
-                  setCurrentGroup(null);
-                }
-                setMode("search");
-              }}
-              className="back-icon"
-            >
-              <i className="fa-solid fa-chevron-left"></i>
-            </button>
-          ) : null}
           <form
             onSubmit={(e) => {
               e.preventDefault();

diff --git a/clients/search-component/src/TrieveModal/index.css b/clients/search-component/src/TrieveModal/index.css
@@ -804,7 +804,7 @@ body {
     }
 
     input {
-      @apply block w-full rounded-lg border-[1px] py-1.5 shadow-sm ring-0 outline-none sm:text-sm sm:leading-6 pl-8 pr-2 h-12 z-10 relative;
+      @apply block w-full rounded-lg border-[1px] py-1.5 shadow-sm ring-0 outline-none sm:text-sm sm:leading-6 pl-3 pr-[5rem] h-12 z-10 relative;
       color: var(--tv-zinc-900);
       background-color: var(--tv-zinc-50);
       border: 1px solid var(--tv-zinc-300);
@@ -813,7 +813,7 @@ body {
       }
 
       &.inline-input {
-        @apply pl-2;
+        @apply pl-1 pr-1;
 
         &:focus {
           background-color: #fff;