math-pixel/La-Fabrik
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: position perf panel beside debug gui

Browse Source
This commit is contained in:
Tom Boullay
2026-04-29 11:56:46 +02:00
parent 90bd216efe
commit 719ddef3ba
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/debug/DebugPerf.tsx
+7 -1
View File
@@ -3,6 +3,9 @@ import { Debug } from "@/utils/debug/Debug";
const Perf = lazy(() => import("r3f-perf").then((m) => ({ default: m.Perf }))); const Perf = lazy(() => import("r3f-perf").then((m) => ({ default: m.Perf })));
const DEBUG_GUI_WIDTH = 245;
const DEBUG_PANEL_GAP = 20;
export function DebugPerf(): React.JSX.Element | null { export function DebugPerf(): React.JSX.Element | null {
const debug = Debug.getInstance(); const debug = Debug.getInstance();
@@ -12,7 +15,10 @@ export function DebugPerf(): React.JSX.Element | null {
return ( return (
<Suspense fallback={null}> <Suspense fallback={null}>
<Perf position="top-right" /> <Perf
position="top-right"
style={{ right: DEBUG_GUI_WIDTH + DEBUG_PANEL_GAP }}
/>
</Suspense> </Suspense>
); );
} }