Gradient

midday-ai · Jun 17, 2024 · d1c4310 · d1c4310
1 parent 4de630c
commit d1c4310
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/apps/dashboard/src/actions/ai/chat/tools/ui/documents-ui.tsx b/apps/dashboard/src/actions/ai/chat/tools/ui/documents-ui.tsx
@@ -32,7 +32,7 @@ export function DocumentsUI({ data }: Props) {
         We found {data.length} documents based on your search
       </p>
 
-      <div className="w-full overflow-auto space-x-4 flex scrollbar-hide">
+      <div className="w-full overflow-auto space-x-4 flex scrollbar-hide max-w-[671px] pr-4">
         {data?.map((item) => {
           const filename = item.file_path?.at(-1);
           const [, ...rest] = item.file_path;
@@ -45,6 +45,7 @@ export function DocumentsUI({ data }: Props) {
               height={198}
               key={item.id}
               preview
+              disableFullscreen
               name={item.display_name}
               type={item.content_type}
               download

diff --git a/apps/dashboard/src/components/widgets/insights/insight-input.tsx b/apps/dashboard/src/components/widgets/insights/insight-input.tsx
@@ -8,15 +8,18 @@ export function InsightInput() {
   const { setOpen } = useAssistantStore();
 
   return (
-    <div className="absolute bottom-4 left-4 right-4 md:bottom-8 md:left-8 md:right-8">
-      <div className="relative z-20">
-        <Input
-          placeholder="Ask Midday a question..."
-          className="w-full h-11 cursor-pointer bg-background"
-          onFocus={() => setOpen()}
-        />
-        <Icons.LogoIcon className="absolute right-3 bottom-3.5 pointer-events-none" />
+    <div>
+      <div className="absolute bottom-4 left-4 right-4 md:bottom-8 md:left-8 md:right-8">
+        <div className="relative z-20">
+          <Input
+            placeholder="Ask Midday a question..."
+            className="w-full h-11 cursor-pointer bg-background"
+            onFocus={() => setOpen()}
+          />
+          <Icons.LogoIcon className="absolute right-3 bottom-3.5 pointer-events-none" />
+        </div>
       </div>
+      <div className="absolute h-[76px] bg-gradient-to-t from-background to-[#fff]/70 dark:to-[#121212]/90 bottom-0 left-0 right-0 w-full z-10" />
     </div>
   );
 }