Blend search results with search bar (#340)

terror · Jul 12, 2023 · f500833 · f500833
1 parent a71ed77
commit f500833
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/client/src/components/CourseSearchBar.tsx b/client/src/components/CourseSearchBar.tsx
@@ -119,7 +119,10 @@ export const CourseSearchBar = ({
  </div>
  <input
  type='text'
- className='block w-full rounded-lg border border-none border-neutral-50 bg-neutral-50 p-3 pl-10 text-sm text-black outline-none dark:border-neutral-50 dark:bg-neutral-800 dark:text-gray-200 dark:placeholder:text-neutral-500 lg:min-w-[570px]'
+ className={twMerge(
+ 'block w-full rounded-t-lg border border-none border-neutral-50 bg-neutral-50 p-3 pl-10 text-sm text-black outline-none dark:border-neutral-50 dark:bg-neutral-800 dark:text-gray-200 dark:placeholder:text-neutral-500 lg:min-w-[570px]',
+ searchSelected ? '' : 'rounded-b-lg'
+ )}
  placeholder='Search for courses, subjects or professors'
  onChange={(event) => handleInputChange(event.target.value)}
  onFocus={() => setSearchSelected(true)}