fix: search modal overflow (#8523)

* fix: search modal overflow

* chore: bump version

Author: canerakdas

packages/ui-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@node-core/ui-components",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "type": "module",
   "exports": {
     "./*": [

packages/ui-components/src/Common/Search/Modal/index.module.css

@@ -110,6 +110,7 @@
     w-screen
     flex-col
     border-neutral-200
+    md:max-w-[42rem]
     lg:h-auto
     lg:max-h-[70vh]
     lg:w-auto

packages/ui-components/src/Common/Search/Results/Hit/index.module.css

@@ -24,12 +24,20 @@
     lg:dark:bg-neutral-950;
 
   svg {
-    @apply size-5;
+    @apply size-5
+      shrink-0;
+  }
+
+  > div {
+    @apply min-w-0;
   }
 }
 
 .hitDescription {
-  @apply text-sm
+  @apply overflow-hidden
+    text-sm
+    text-ellipsis
+    whitespace-nowrap
     text-neutral-600
     dark:text-neutral-700;
 }

packages/ui-components/src/Common/Search/Results/Tabs/index.module.css

@@ -35,6 +35,7 @@
 
 .facetTabsList {
   @apply flex
+    w-max
     items-center
     gap-2
     overflow-x-auto;