administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-15 15:45:27 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Add scrollarea to search filter buttons when screen is between breakpoints

Browse Source
This commit is contained in:
Josh Hawkins 2024-09-21 12:49:47 -05:00
parent 61a4a4bc2f
commit ce4896e2f8
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/views/search/SearchView.tsx
View File

@ -22,6 +22,7 @@ import useKeyboardListener, {
} from "@/hooks/use-keyboard-listener"; } from "@/hooks/use-keyboard-listener";
import scrollIntoView from "scroll-into-view-if-needed"; import scrollIntoView from "scroll-into-view-if-needed";
import InputWithTags from "@/components/input/InputWithTags"; import InputWithTags from "@/components/input/InputWithTags";
import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
type SearchViewProps = { type SearchViewProps = {
search: string; search: string;
@ -276,13 +277,18 @@ export default function SearchView({
)} )}
{hasExistingSearch && ( {hasExistingSearch && (
<SearchFilterGroup <ScrollArea className="w-full whitespace-nowrap lg:ml-[35%]">
className={cn( <div className="flex flex-row">
"w-full justify-between md:justify-start lg:justify-end", <SearchFilterGroup
)} className={cn(
filter={searchFilter} "w-full justify-between md:justify-start lg:justify-end",
onUpdateFilter={onUpdateFilter} )}
/> filter={searchFilter}
onUpdateFilter={onUpdateFilter}
/>
<ScrollBar orientation="horizontal" className="h-0" />
</div>
</ScrollArea>
)} )}
</div> </div>