From ddb240058421381bf1ef134345c25a07ed02e861 Mon Sep 17 00:00:00 2001
From: Andrew Jiang <andrew@buildwithfern.com>
Date: Wed, 21 Feb 2024 22:52:00 -0500
Subject: [PATCH] fix search dialog

---
 packages/ui/app/src/search/SearchDialog.tsx             | 4 ++--
 packages/ui/app/src/search/content/EndpointRecordV2.tsx | 8 ++++----
 packages/ui/app/src/search/content/PageRecordV2.tsx     | 8 ++++----
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/ui/app/src/search/SearchDialog.tsx b/packages/ui/app/src/search/SearchDialog.tsx
index db9f15d0ef..c05a198544 100644
--- a/packages/ui/app/src/search/SearchDialog.tsx
+++ b/packages/ui/app/src/search/SearchDialog.tsx
@@ -60,7 +60,7 @@ export const SearchDialog: React.FC<SearchDialog.Props> = (providedProps) => {
                 />
                 <Dialog.Panel
                     className={classNames(
-                        "md:max-w-content-width my-header-height-padded relative z-10 mx-6 max-h-96 md:mx-auto",
+                        "md:max-w-content-width my-header-height-padded relative z-10 mx-6 max-h-[calc(100vh-var(--spacing-header-height)-var(--spacing-header-height)-2rem)] md:mx-auto flex flex-col",
                         {
                             "mt-4": fromHeader,
                         },
@@ -83,7 +83,7 @@ function FernInstantSearch({ searchClient, searchService, inputRef }: FernInstan
     const { activeNavigatable } = useNavigationContext();
     return (
         <InstantSearch searchClient={searchClient} indexName={searchService.index}>
-            <div className="border-default bg-background-translucent flex h-auto flex-col overflow-hidden rounded-xl border text-left align-middle shadow-2xl backdrop-blur-lg">
+            <div className="border-default bg-background-translucent flex h-auto min-h-0 shrink flex-col overflow-hidden rounded-xl border text-left align-middle shadow-2xl backdrop-blur-lg">
                 <SearchBox
                     ref={inputRef}
                     placeholder={
diff --git a/packages/ui/app/src/search/content/EndpointRecordV2.tsx b/packages/ui/app/src/search/content/EndpointRecordV2.tsx
index e39aa4351f..9cda76c367 100644
--- a/packages/ui/app/src/search/content/EndpointRecordV2.tsx
+++ b/packages/ui/app/src/search/content/EndpointRecordV2.tsx
@@ -18,7 +18,7 @@ export const EndpointRecordV2: React.FC<EndpointRecordV2.Props> = ({ hit, isHove
                 <div
                     className={classNames("line-clamp-1 flex space-x-1 items-center text-sm text-start", {
                         "t-muted": !isHovered,
-                        "text-white dark:text-black": isHovered,
+                        "t-accent-contrast": isHovered,
                     })}
                 >
                     <div
@@ -68,7 +68,7 @@ export const EndpointRecordV2: React.FC<EndpointRecordV2.Props> = ({ hit, isHove
                 <div
                     className={classNames("text-sm tracking-wide", {
                         "t-muted": !isHovered,
-                        "text-white dark:text-black": isHovered,
+                        "t-accent-contrast": isHovered,
                     })}
                 >
                     Endpoint
@@ -77,7 +77,7 @@ export const EndpointRecordV2: React.FC<EndpointRecordV2.Props> = ({ hit, isHove
             <div className="flex items-center justify-between">
                 <span
                     className={classNames("line-clamp-1 text-start text-xs", {
-                        "text-white dark:text-black": isHovered,
+                        "t-accent-contrast": isHovered,
                         "t-muted": !isHovered,
                     })}
                 >
@@ -86,7 +86,7 @@ export const EndpointRecordV2: React.FC<EndpointRecordV2.Props> = ({ hit, isHove
 
                 <CornerDownLeft
                     className={classNames("size-3", {
-                        "text-white dark:text-black": isHovered,
+                        "t-accent-contrast": isHovered,
                         "t-muted": !isHovered,
                     })}
                 />
diff --git a/packages/ui/app/src/search/content/PageRecordV2.tsx b/packages/ui/app/src/search/content/PageRecordV2.tsx
index 5f6b5ad460..69bfdd5096 100644
--- a/packages/ui/app/src/search/content/PageRecordV2.tsx
+++ b/packages/ui/app/src/search/content/PageRecordV2.tsx
@@ -17,7 +17,7 @@ export const PageRecordV2: React.FC<PageRecordV2.Props> = ({ hit, isHovered }) =
                 <span
                     className={classNames("line-clamp-1 text-sm text-start", {
                         "text-text-default-light dark:text-text-default-dark": !isHovered,
-                        "text-white dark:text-black": isHovered,
+                        "t-accent-contrast": isHovered,
                     })}
                 >
                     {hit.title}
@@ -25,7 +25,7 @@ export const PageRecordV2: React.FC<PageRecordV2.Props> = ({ hit, isHovered }) =
                 <div
                     className={classNames("text-sm tracking-wide", {
                         "t-muted": !isHovered,
-                        "text-white dark:text-black": isHovered,
+                        "t-accent-contrast": isHovered,
                     })}
                 >
                     Page
@@ -34,7 +34,7 @@ export const PageRecordV2: React.FC<PageRecordV2.Props> = ({ hit, isHovered }) =
             <div className="flex items-center justify-between">
                 <span
                     className={classNames("line-clamp-1 text-start text-xs", {
-                        "text-white dark:text-black": isHovered,
+                        "t-accent-contrast": isHovered,
                         "t-muted": !isHovered,
                     })}
                 >
@@ -43,7 +43,7 @@ export const PageRecordV2: React.FC<PageRecordV2.Props> = ({ hit, isHovered }) =
 
                 <CornerDownLeft
                     className={classNames("size-3", {
-                        "text-white dark:text-black": isHovered,
+                        "t-accent-contrast": isHovered,
                         "t-muted": !isHovered,
                     })}
                 />