chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

Add support for live fullscreen mode (#10191)

Browse Source 
* Fix timeline colors

* Add support for full screen mode

* Add support for live view full screen

* Cleanup

* Add border to sidebar and statusbar
This commit is contained in:
Nicolas Mowen
2024-03-02 20:59:50 -07:00
committed by GitHub
parent 3c4b1fb6f2
commit 8645545ef4
7 changed files with 107 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/components/dynamic/CameraFeatureToggle.tsx
View File

@@ -8,18 +8,18 @@ import { isDesktop } from "react-device-detect";
const variants = {
primary: {
active: "font-bold text-primary-foreground bg-selected",
inactive: "text-secondary-foreground bg-secondary",
active: "font-bold text-white bg-selected rounded-lg",
inactive: "text-secondary-foreground bg-secondary rounded-lg",
},
secondary: {
active: "font-bold text-primary",
inactive: "text-secondary-foreground",
overlay: {
active: "font-bold text-white bg-selected rounded-full",
inactive: "text-primary-white rounded-full bg-gradient-to-br from-gray-400 to-gray-500 bg-gray-500",
},
};
type CameraFeatureToggleProps = {
className?: string;
variant?: "primary" | "secondary";
variant?: "primary" | "overlay";
isActive: boolean;
Icon: IconType;
title: string;
@@ -37,7 +37,7 @@ export default function CameraFeatureToggle({
const content = (
<div
onClick={onClick}
className={`${className} flex flex-col justify-center items-center rounded-lg ${
className={`${className} flex flex-col justify-center items-center ${
variants[variant][isActive ? "active" : "inactive"]
}`}
>