style: minor style fixes

Author: g-francesca

apps/site/components/Common/Searchbox/ChatSources/index.module.css

@@ -7,10 +7,9 @@
     items-center
     gap-3
     overflow-x-scroll
-    scroll-smooth;
-
-  -ms-overflow-style: none;
-  scrollbar-width: none;
+    scroll-smooth
+    [-ms-overflow-style:none]
+    [scrollbar-width:none];
 
   &::-webkit-scrollbar {
     @apply hidden;

apps/site/components/Common/Searchbox/ChatSources/index.tsx

@@ -5,15 +5,9 @@ import { ChatInteractions } from '@orama/ui/components';
 import type { FC } from 'react';
 
 import styles from './index.module.css';
+import type { Document } from '../DocumentLink';
 import { DocumentLink } from '../DocumentLink';
 
-type DocumentSource = {
-  path: string;
-  siteSection: string;
-  pageSectionTitle?: string;
-  [key: string]: unknown;
-};
-
 type ChatSourcesProps = {
   interaction: Interaction;
 };
@@ -33,7 +27,7 @@ export const ChatSources: FC<ChatSourcesProps> = ({ interaction }) => {
         <div className={styles.chatSource} key={index}>
           {typeof document.pageSectionTitle === 'string' && (
             <DocumentLink
-              document={document as DocumentSource}
+              document={document as Document}
               className={styles.chatSourceLink}
               data-focus-on-arrow-nav
             >

apps/site/components/Common/Searchbox/Footer/index.module.css

@@ -35,15 +35,14 @@
     items-center
     gap-2
     text-xs
-    text-neutral-700
-    dark:text-neutral-700;
+    text-neutral-700;
 }
 
 .shortcutKey {
-  @apply rounded-md
+  @apply font-ibm-plex-mono
+    rounded-md
     bg-neutral-200
     p-1
-    font-mono
     text-xs
     dark:bg-neutral-900;
 

apps/site/components/Common/Searchbox/Search/index.module.css

@@ -30,7 +30,6 @@
 
 .searchInput {
   @apply w-full
-    border-0
     border-b
     border-neutral-200
     bg-transparent
@@ -102,8 +101,7 @@
 }
 
 .suggestionsTitle {
-  @apply mb-3
-    mt-3
+  @apply my-3
     text-xs
     font-semibold
     uppercase

apps/site/components/Common/Searchbox/SlidingChatPanel/index.module.css

@@ -35,7 +35,7 @@
     p-0
     text-white
     duration-300
-    ease-in-out
+    motion-safe:ease-in-out
     dark:border-neutral-900
     dark:bg-zinc-950;
 }

apps/site/components/Common/Searchbox/index.module.css

@@ -20,9 +20,7 @@
     border
     border-neutral-300
     bg-white
-    py-1
-    pl-2
-    pr-1
+    p-1.5
     text-neutral-900
     duration-300
     hover:bg-neutral-100
@@ -39,7 +37,6 @@
     flex-nowrap
     items-center
     gap-1
-    p-2
     text-sm;
 
   svg {
@@ -68,8 +65,7 @@
     mx-auto
     my-0
     flex
-    h-full
-    w-full
+    size-full
     items-start
     justify-center
     bg-white/70
@@ -133,8 +129,7 @@
   @apply rounded-4xl
     flex
     bg-neutral-200
-    px-1
-    py-1
+    p-1
     text-sm
     text-neutral-900
     dark:bg-neutral-900