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

Mobile color fixes

Browse Source
This commit is contained in:
Nicolas Mowen 2024-04-04 14:42:03 -06:00
parent d22d2d4de9
commit 645df33943
4 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/icons/LiveIcons.tsx
View File

@ -32,10 +32,10 @@ export function LiveListIcon({ layout }: LiveIconProps) {
return ( return (
<div className="size-full flex flex-col gap-0.5 rounded-md overflow-hidden"> <div className="size-full flex flex-col gap-0.5 rounded-md overflow-hidden">
<div <div
className={`size-full ${layout == "list" ? "bg-selected" : "bg-muted-foreground"}`} className={`size-full ${layout == "list" ? "bg-selected" : "bg-secondary-foreground"}`}
/> />
<div <div
className={`size-full ${layout == "list" ? "bg-selected" : "bg-muted-foreground"}`} className={`size-full ${layout == "list" ? "bg-selected" : "bg-secondary-foreground"}`}
/> />
</div> </div>
); );

2
web/src/components/overlay/MobileCameraDrawer.tsx
View File

@ -24,7 +24,7 @@ export default function MobileCameraDrawer({
<Drawer open={cameraDrawer} onOpenChange={setCameraDrawer}> <Drawer open={cameraDrawer} onOpenChange={setCameraDrawer}>
<DrawerTrigger asChild> <DrawerTrigger asChild>
<Button className="rounded-lg capitalize" size="sm" variant="secondary"> <Button className="rounded-lg capitalize" size="sm" variant="secondary">
<FaVideo className="text-muted-foreground" /> <FaVideo className="text-secondary-foreground" />
</Button> </Button>
</DrawerTrigger> </DrawerTrigger>
<DrawerContent className="max-h-[75dvh] px-4 mx-1 rounded-t-2xl overflow-hidden"> <DrawerContent className="max-h-[75dvh] px-4 mx-1 rounded-t-2xl overflow-hidden">

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

@ -137,7 +137,7 @@ export default function MobileReviewSettingsDrawer({
className="w-full flex justify-center items-center gap-2" className="w-full flex justify-center items-center gap-2"
onClick={() => setDrawerMode("export")} onClick={() => setDrawerMode("export")}
> >
<FaArrowDown className="p-1 fill-secondary bg-muted-foreground rounded-md" /> <FaArrowDown className="p-1 fill-secondary bg-secondary-foreground rounded-md" />
Export Export
</Button> </Button>
)} )}
@ -146,7 +146,7 @@ export default function MobileReviewSettingsDrawer({
className="w-full flex justify-center items-center gap-2" className="w-full flex justify-center items-center gap-2"
onClick={() => setDrawerMode("calendar")} onClick={() => setDrawerMode("calendar")}
> >
<FaCalendarAlt className="fill-muted-foreground" /> <FaCalendarAlt className="fill-secondary-foreground" />
Calendar Calendar
</Button> </Button>
)} )}
@ -155,7 +155,7 @@ export default function MobileReviewSettingsDrawer({
className="w-full flex justify-center items-center gap-2" className="w-full flex justify-center items-center gap-2"
onClick={() => setDrawerMode("filter")} onClick={() => setDrawerMode("filter")}
> >
<FaFilter className="fill-muted-foreground" /> <FaFilter className="fill-secondary-foreground" />
Filter Filter
</Button> </Button>
)} )}
@ -282,7 +282,7 @@ export default function MobileReviewSettingsDrawer({
variant="secondary" variant="secondary"
onClick={() => setDrawerMode("select")} onClick={() => setDrawerMode("select")}
> >
<FaCog className="text-muted-foreground" /> <FaCog className="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">

4
web/src/views/live/LiveDashboardView.tsx
View File

@ -139,7 +139,7 @@ export default function LiveDashboardView({
className={`p-1 ${ className={`p-1 ${
layout == "grid" layout == "grid"
? "bg-blue-900 focus:bg-blue-900 bg-opacity-60 focus:bg-opacity-60" ? "bg-blue-900 focus:bg-blue-900 bg-opacity-60 focus:bg-opacity-60"
: "bg-muted" : "bg-secondary"
}`} }`}
size="xs" size="xs"
onClick={() => setLayout("grid")} onClick={() => setLayout("grid")}
@ -150,7 +150,7 @@ export default function LiveDashboardView({
className={`p-1 ${ className={`p-1 ${
layout == "list" layout == "list"
? "bg-blue-900 focus:bg-blue-900 bg-opacity-60 focus:bg-opacity-60" ? "bg-blue-900 focus:bg-blue-900 bg-opacity-60 focus:bg-opacity-60"
: "bg-muted" : "bg-secondary"
}`} }`}
size="xs" size="xs"
onClick={() => setLayout("list")} onClick={() => setLayout("list")}