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

Show statusbar with cpu and gpu stats (#9968)

Browse Source 
* Show statusbar with cpu and gpu stats

* fix gif logic
This commit is contained in:
Nicolas Mowen
2024-02-21 19:27:02 -07:00
committed by GitHub
parent 33c77d03c7
commit 6626b8d758
8 changed files with 170 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/App.tsx
View File

@@ -15,6 +15,8 @@ import NoMatch from "@/pages/NoMatch";
import Settings from "@/pages/Settings";
import UIPlayground from "./pages/UIPlayground";
import Events from "./pages/Events";
import { isDesktop } from "react-device-detect";
import Statusbar from "./components/Statusbar";
function App() {
const [sheetOpen, setSheetOpen] = useState(false);
@@ -30,9 +32,10 @@ function App() {
<Header onToggleNavbar={toggleNavbar} />
<div className="w-full h-full pt-2 overflow-hidden">
<Sidebar sheetOpen={sheetOpen} setSheetOpen={setSheetOpen} />
{isDesktop && <Statusbar />}
<div
id="pageRoot"
className="absolute left-0 md:left-16 top-16 md:top-2 right-0 bottom-0 overflow-hidden"
className="absolute left-0 md:left-16 top-16 md:top-2 right-0 bottom-0 md:bottom-8 overflow-hidden"
>
<Routes>
<Route path="/" element={<Live />} />