diff --git a/apps/readest-app/src/app/reader/components/sidebar/SearchBar.tsx b/apps/readest-app/src/app/reader/components/sidebar/SearchBar.tsx index 347a9469..eb7b0785 100644 --- a/apps/readest-app/src/app/reader/components/sidebar/SearchBar.tsx +++ b/apps/readest-app/src/app/reader/components/sidebar/SearchBar.tsx @@ -1,3 +1,4 @@ +import clsx from 'clsx'; import React, { useEffect, useRef, useState } from 'react'; import { FaSearch, FaChevronDown } from 'react-icons/fa'; @@ -7,9 +8,9 @@ import { useBookDataStore } from '@/store/bookDataStore'; import { useReaderStore } from '@/store/readerStore'; import { useTranslation } from '@/hooks/useTranslation'; import { BookSearchConfig, BookSearchResult } from '@/types/book'; +import { useResponsiveSize } from '@/hooks/useResponsiveSize'; import Dropdown from '@/components/Dropdown'; import SearchOptions from './SearchOptions'; -import { useResponsiveSize } from '@/hooks/useResponsiveSize'; const MINIMUM_SEARCH_TERM_LENGTH_DEFAULT = 2; const MINIMUM_SEARCH_TERM_LENGTH_CJK = 1; @@ -172,7 +173,11 @@ const SearchBar: React.FC = ({
} > diff --git a/apps/readest-app/src/app/reader/components/sidebar/SearchOptions.tsx b/apps/readest-app/src/app/reader/components/sidebar/SearchOptions.tsx index f3948ede..34ed6065 100644 --- a/apps/readest-app/src/app/reader/components/sidebar/SearchOptions.tsx +++ b/apps/readest-app/src/app/reader/components/sidebar/SearchOptions.tsx @@ -1,3 +1,4 @@ +import clsx from 'clsx'; import React from 'react'; import { MdCheck } from 'react-icons/md'; import { BookSearchConfig } from '@/types/book'; @@ -6,6 +7,7 @@ import { useDefaultIconSize } from '@/hooks/useResponsiveSize'; interface SearchOptionsProps { searchConfig: BookSearchConfig; + menuClassName?: string; onSearchConfigChanged: (searchConfig: BookSearchConfig) => void; setIsDropdownOpen?: (isOpen: boolean) => void; } @@ -32,6 +34,7 @@ const Option: React.FC = ({ label, isActive, onClick }) => ( const SearchOptions: React.FC = ({ searchConfig, + menuClassName, onSearchConfigChanged, setIsDropdownOpen, }) => { @@ -44,7 +47,10 @@ const SearchOptions: React.FC = ({ return (