administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-15 07:35: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

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

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