fix: fix overflow on main app component

Author: ZanzyTHEbar

GUI/ETVR/src/app.tsx

@@ -37,14 +37,14 @@ const app = () => {
         }
     })
     return (
-        <>
+        <div class="App overflow-y-auto">
             <ColorModeScript />
             <HopeProvider>
                 <Suspense>
                     <AppRoutes />
                 </Suspense>
             </HopeProvider>
-        </>
+        </div>
     )
 }
 

GUI/ETVR/src/pages/Home/index.tsx

@@ -24,7 +24,7 @@ const Main = () => {
                     <CustomPopover icon={icons.list} disablePopover={true} />
                 </div>
             </div>
-            <div class="py-[40px] flex flex-wrap">
+            <div class="py-[40px] flex flex-wrap overflow-auto">
                 <For each={cameras()}>{(camera) => <Camera {...camera} />}</For>
             </div>
         </div>

GUI/ETVR/src/styles/index.css

@@ -52,15 +52,13 @@ body {
     font-family: 'Ubuntu', sans-serif;
     cursor: default;
     background-color: transparent !important;
-    /*   color: #0b0c10; */
     width: 100%;
     height: 100%;
     text-align: center;
     font-size: 14px;
 }
 
 .App {
-    color: #0b0c10;
     text-align: center;
     height: 100vh;
     display: flex;