administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-10 21:25:24 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix colors

Browse Source
This commit is contained in:
Nicolas Mowen 2024-04-09 17:01:16 -06:00
parent 2e40c7692f
commit ae30e6ecc0
2 changed files with 29 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/src/components/filter/ReviewFilterGroup.tsx
View File

@ -223,10 +223,12 @@ function CamerasFilterButton({
const trigger = ( const trigger = (
<Button <Button
className="flex items-center gap-2 capitalize" className="flex items-center gap-2 capitalize"
variant={selectedCameras?.length == undefined ? "secondary" : "select"} variant={selectedCameras?.length == undefined ? "default" : "select"}
size="sm" size="sm"
> >
<FaVideo /> <FaVideo
className={`${selectedCameras?.length == 1 ? "text-selected-foreground" : "text-secondary-foreground"}`}
/>
<div <div
className={`hidden md:block ${selectedCameras?.length ? "text-selected-foreground" : "text-primary"}`} className={`hidden md:block ${selectedCameras?.length ? "text-selected-foreground" : "text-primary"}`}
> >
@ -391,11 +393,13 @@ function ShowReviewFilter({
<Button <Button
className="block md:hidden duration-0" className="block md:hidden duration-0"
variant={showReviewedSwitch == 1 ? "select" : "secondary"} variant={showReviewedSwitch == 1 ? "select" : "default"}
size="sm" size="sm"
onClick={() => setShowReviewedSwitch(showReviewedSwitch == 0 ? 1 : 0)} onClick={() => setShowReviewedSwitch(showReviewedSwitch == 0 ? 1 : 0)}
> >
<FaCheckCircle /> <FaCheckCircle
className={`${showReviewedSwitch == 1 ? "text-selected-foreground" : "text-secondary-foreground"}`}
/>
</Button> </Button>
</> </>
); );
@ -419,10 +423,12 @@ function CalendarFilterButton({
const trigger = ( const trigger = (
<Button <Button
className="flex items-center gap-2" className="flex items-center gap-2"
variant={day == undefined ? "secondary" : "select"} variant={day == undefined ? "default" : "select"}
size="sm" size="sm"
> >
<FaCalendarAlt /> <FaCalendarAlt
className={`${day == undefined ? "text-secondary-foreground" : "text-selected-foreground"}`}
/>
<div <div
className={`hidden md:block ${day == undefined ? "text-primary" : "text-selected-foreground"}`} className={`hidden md:block ${day == undefined ? "text-primary" : "text-selected-foreground"}`}
> >
@ -485,10 +491,12 @@ function GeneralFilterButton({
const trigger = ( const trigger = (
<Button <Button
size="sm" size="sm"
variant={selectedLabels?.length ? "select" : "secondary"} variant={selectedLabels?.length ? "select" : "default"}
className="flex items-center gap-2 capitalize" className="flex items-center gap-2 capitalize"
> >
<FaFilter /> <FaFilter
className={`${selectedLabels?.length ? "text-selected-foreground" : "text-secondary-foreground"}`}
/>
<div <div
className={`hidden md:block ${selectedLabels?.length ? "text-selected-foreground" : "text-primary"}`} className={`hidden md:block ${selectedLabels?.length ? "text-selected-foreground" : "text-primary"}`}
> >
@ -682,7 +690,7 @@ function ShowMotionOnlyButton({
<Button <Button
size="sm" size="sm"
className="duration-0" className="duration-0"
variant={motionOnlyButton ? "select" : "secondary"} variant={motionOnlyButton ? "select" : "default"}
onClick={() => setMotionOnlyButton(!motionOnlyButton)} onClick={() => setMotionOnlyButton(!motionOnlyButton)}
> >
<FaRunning /> <FaRunning />

18
web/src/components/overlay/MobileReviewSettingsDrawer.tsx
View File

@ -147,20 +147,24 @@ export default function MobileReviewSettingsDrawer({
{features.includes("calendar") && ( {features.includes("calendar") && (
<Button <Button
className="w-full flex justify-center items-center gap-2" className="w-full flex justify-center items-center gap-2"
variant={filter?.after ? "select" : "secondary"} variant={filter?.after ? "select" : "default"}
onClick={() => setDrawerMode("calendar")} onClick={() => setDrawerMode("calendar")}
> >
<FaCalendarAlt /> <FaCalendarAlt
className={`${filter?.after ? "text-selected-foreground" : "text-secondary-foreground"}`}
/>
Calendar Calendar
</Button> </Button>
)} )}
{features.includes("filter") && ( {features.includes("filter") && (
<Button <Button
className="w-full flex justify-center items-center gap-2" className="w-full flex justify-center items-center gap-2"
variant={filter?.labels ? "select" : "secondary"} variant={filter?.labels ? "select" : "default"}
onClick={() => setDrawerMode("filter")} onClick={() => setDrawerMode("filter")}
> >
<FaFilter /> <FaFilter
className={`${filter?.labels ? "text-selected-foreground" : "text-secondary-foreground"}`}
/>
Filter Filter
</Button> </Button>
)} )}
@ -282,11 +286,13 @@ export default function MobileReviewSettingsDrawer({
<DrawerTrigger asChild> <DrawerTrigger asChild>
<Button <Button
className="rounded-lg capitalize" className="rounded-lg capitalize"
variant={filter?.labels || filter?.after ? "select" : "secondary"} variant={filter?.labels || filter?.after ? "select" : "default"}
size="sm" size="sm"
onClick={() => setDrawerMode("select")} onClick={() => setDrawerMode("select")}
> >
<FaCog /> <FaCog
className={`${filter?.labels || filter?.after ? "text-selected-foreground" : "text-secondary-foreground"}`}
/>
</Button> </Button>
</DrawerTrigger> </DrawerTrigger>
<DrawerContent className="max-h-[80dvh] overflow-hidden flex flex-col items-center gap-2 px-4 pb-4 mx-1 rounded-t-2xl"> <DrawerContent className="max-h-[80dvh] overflow-hidden flex flex-col items-center gap-2 px-4 pb-4 mx-1 rounded-t-2xl">