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

simplify css

Browse Source
This commit is contained in:
Josh Hawkins 2024-09-25 13:25:02 -05:00
parent 3c854f143b
commit c842cf838c
1 changed files with 4 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/components/filter/SearchFilterGroup.tsx
View File

@ -454,18 +454,8 @@ function TimeRangeFilterButton({
</Button> </Button>
); );
const content = ( const content = (
<div <div className="scrollbar-container h-auto max-h-[80dvh] overflow-y-auto overflow-x-hidden">
className={cn( <div className="my-5 flex flex-row items-center justify-center gap-2">
"scrollbar-container flex h-auto max-h-[80dvh] flex-col overflow-y-auto overflow-x-hidden",
isDesktop ? "w-64" : "w-full gap-2 pt-2",
)}
>
<div
className={cn(
"mt-3 flex w-full items-center rounded-lg text-secondary-foreground",
isDesktop ? "mx-6 gap-2 px-2" : "justify-center gap-2",
)}
>
<Popover <Popover
open={startOpen} open={startOpen}
onOpenChange={(open) => { onOpenChange={(open) => {
@ -487,7 +477,7 @@ function TimeRangeFilterButton({
{formattedSelectedAfter} {formattedSelectedAfter}
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent className="flex flex-col items-center"> <PopoverContent className="flex flex-row items-center justify-center">
<input <input
className="text-md mx-4 w-full border border-input bg-background p-1 text-secondary-foreground hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]" className="text-md mx-4 w-full border border-input bg-background p-1 text-secondary-foreground hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
id="startTime" id="startTime"
@ -541,8 +531,8 @@ function TimeRangeFilterButton({
/> />
</PopoverContent> </PopoverContent>
</Popover> </Popover>
<DropdownMenuSeparator />
</div> </div>
<DropdownMenuSeparator />
<div className="flex items-center justify-evenly p-2"> <div className="flex items-center justify-evenly p-2">
<Button <Button
variant="select" variant="select"