styling: fix overflow on dataset selector

devflowinc · Apr 9, 2024 · c443cd4 · c443cd4
1 parent a6b5ca8
commit c443cd4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/chat/src/components/Atoms/DatasetSelectBox.tsx b/chat/src/components/Atoms/DatasetSelectBox.tsx
@@ -64,10 +64,8 @@ export const DatasetSelectBox = () => {
                           }}
                           onClick={onClick}
                         >
-                          <div class="flex flex-row justify-start space-x-2">
-                            <span class="line-clamp-1 text-left text-sm">
-                              {datasetItem.dataset.name}
-                            </span>
+                          <div class="break-all px-1 text-left text-sm">
+                            {datasetItem.dataset.name}
                           </div>
                           {datasetItem.dataset.id ==
                             userContext.currentDataset?.()?.dataset.id && (

diff --git a/search/src/components/DatasetSelectBox.tsx b/search/src/components/DatasetSelectBox.tsx
@@ -70,10 +70,8 @@ export const DatasetSelectBox = () => {
                             setState(false);
                           }}
                         >
-                          <div class="flex flex-row justify-start space-x-2">
-                            <span class="line-clamp-1 text-left text-sm">
-                              {datasetItem.dataset.name}
-                            </span>
+                          <div class="break-all px-1 text-left text-sm">
+                            {datasetItem.dataset.name}
                           </div>
                           <Show
                             when={