From 592452068ebe80b8f9be5360806612aeb4f0b2fe Mon Sep 17 00:00:00 2001
From: Vishnu <vishnu@hexrfactory.com>
Date: Thu, 14 Aug 2025 17:23:05 +0530
Subject: [PATCH] refactor: comment out unused performance stats component and
 add styles for stats positioning

---
 app/src/modules/scene/setup/setup.tsx | 4 ++--
 app/src/styles/scene/scene.scss       | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/src/modules/scene/setup/setup.tsx b/app/src/modules/scene/setup/setup.tsx
index 1887015..71dcce7 100644
--- a/app/src/modules/scene/setup/setup.tsx
+++ b/app/src/modules/scene/setup/setup.tsx
@@ -5,7 +5,7 @@ import Controls from '../controls/controls';
 import { AdaptiveDpr, AdaptiveEvents, Environment } from '@react-three/drei'
 
 import background from "../../../assets/textures/hdr/mudroadpuresky2k.hdr";
-import { Perf } from 'r3f-perf';
+// import { Perf } from 'r3f-perf';
 
 function Setup() {
     return (
@@ -18,7 +18,7 @@ function Setup() {
 
             <PostProcessing />
 
-            <Perf position="bottom-left" className="scene-performance-stats"/>
+            {/* <Perf position="bottom-left" className="scene-performance-stats"/> */}
 
             {/* <MovingClouds /> */}
 
diff --git a/app/src/styles/scene/scene.scss b/app/src/styles/scene/scene.scss
index 4db9e8b..6358c81 100644
--- a/app/src/styles/scene/scene.scss
+++ b/app/src/styles/scene/scene.scss
@@ -134,3 +134,11 @@
     align-items: center;
   }
 }
+
+.stats{
+  top: auto !important;
+  bottom: 36px !important;
+  left: 12px !important;
+  border-radius: 6px;
+  overflow: hidden;
+}