styling: mobile chat modal spacing issues

devflowinc · Dec 17, 2024 · 708141a · 708141a
1 parent 952dc2f
commit 708141a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/clients/search-component/src/TrieveModal/Chat/ChatMode.tsx b/clients/search-component/src/TrieveModal/Chat/ChatMode.tsx
@@ -60,7 +60,11 @@ export const ChatMode = () => {
           </svg>
           <span>Close</span>
         </div>
-        <div className="system-information-wrapper">
+        <div
+          className={`system-information-wrapper${
+            currentGroup ? " with-group" : ""
+          }`}
+        >
           <div className="ai-message">
             <div className="chat-modal-wrapper">
               <div className="ai-message initial-message">

diff --git a/clients/search-component/src/TrieveModal/index.css b/clients/search-component/src/TrieveModal/index.css
@@ -499,7 +499,7 @@ body {
         }
 
         .brand-name {
-          @apply text-white px-1.5 py-1 rounded-md font-[500] whitespace-nowrap;
+          @apply text-white px-1.5 py-1 rounded-md font-[500] whitespace-nowrap leading-8;
         }
       }
     }
@@ -529,7 +529,11 @@ body {
     /* SUGGESTED QUESTIONS */
 
     .system-information-wrapper {
-      @apply mb-8;
+      @apply mb-10;
+
+      &.with-group {
+        @apply mb-24;
+      }
 
       p {
         @apply mb-6 sm:mb-4;