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 (
<div className="size-full flex flex-col gap-0.5 rounded-md overflow-hidden">
<div
className={`size-full ${layout == "list" ? "bg-selected" : "bg-muted-foreground"}`}
className={`size-full ${layout == "list" ? "bg-selected" : "bg-secondary-foreground"}`}
/>
<div
className={`size-full ${layout == "list" ? "bg-selected" : "bg-muted-foreground"}`}
className={`size-full ${layout == "list" ? "bg-selected" : "bg-secondary-foreground"}`}
/>
</div>
);

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

@ -24,7 +24,7 @@ export default function MobileCameraDrawer({
<Drawer open={cameraDrawer} onOpenChange={setCameraDrawer}>
<DrawerTrigger asChild>
<Button className="rounded-lg capitalize" size="sm" variant="secondary">
<FaVideo className="text-muted-foreground" />
<FaVideo className="text-secondary-foreground" />
</Button>
</DrawerTrigger>
<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"
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
</Button>
)}
@ -146,7 +146,7 @@ export default function MobileReviewSettingsDrawer({
className="w-full flex justify-center items-center gap-2"
onClick={() => setDrawerMode("calendar")}
>
<FaCalendarAlt className="fill-muted-foreground" />
<FaCalendarAlt className="fill-secondary-foreground" />
Calendar
</Button>
)}
@ -155,7 +155,7 @@ export default function MobileReviewSettingsDrawer({
className="w-full flex justify-center items-center gap-2"
onClick={() => setDrawerMode("filter")}
>
<FaFilter className="fill-muted-foreground" />
<FaFilter className="fill-secondary-foreground" />
Filter
</Button>
)}
@ -282,7 +282,7 @@ export default function MobileReviewSettingsDrawer({
variant="secondary"
onClick={() => setDrawerMode("select")}
>
<FaCog className="text-muted-foreground" />
<FaCog className="text-secondary-foreground" />
</Button>
</DrawerTrigger>
<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 ${
layout == "grid"
? "bg-blue-900 focus:bg-blue-900 bg-opacity-60 focus:bg-opacity-60"
: "bg-muted"
: "bg-secondary"
}`}
size="xs"
onClick={() => setLayout("grid")}
@ -150,7 +150,7 @@ export default function LiveDashboardView({
className={`p-1 ${
layout == "list"
? "bg-blue-900 focus:bg-blue-900 bg-opacity-60 focus:bg-opacity-60"
: "bg-muted"
: "bg-secondary"
}`}
size="xs"
onClick={() => setLayout("list")}