bugfix: fix input padding

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

Hide file tree

Showing 3 changed files with 8 additions and 27 deletions.
diff --git a/clients/search-component/example/src/routeTree.gen.ts b/clients/search-component/example/src/routeTree.gen.ts
@@ -1,12 +1,12 @@
-/* prettier-ignore-start */
-
 /* eslint-disable */
 
 // @ts-nocheck
 
 // noinspection JSUnusedGlobalSymbols
 
-// This file is auto-generated by TanStack Router
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
 import { createFileRoute } from '@tanstack/react-router'
 
@@ -22,11 +22,13 @@ const IndexLazyImport = createFileRoute('/')()
 // Create/Update Routes
 
 const EcommerceRoute = EcommerceImport.update({
+  id: '/ecommerce',
   path: '/ecommerce',
   getParentRoute: () => rootRoute,
 } as any)
 
 const IndexLazyRoute = IndexLazyImport.update({
+  id: '/',
   path: '/',
   getParentRoute: () => rootRoute,
 } as any).lazy(() => import('./routes/index.lazy').then((d) => d.Route))
@@ -93,8 +95,6 @@ export const routeTree = rootRoute
   ._addFileChildren(rootRouteChildren)
   ._addFileTypes<FileRouteTypes>()
 
-/* prettier-ignore-end */
-
 /* ROUTE_MANIFEST_START
 {
   "routes": {

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;
 
         &:focus {
           background-color: #fff;