[feat] fps benchmark one-key testing

src/app/(main)/gear/page.tsx

@@ -12,28 +12,34 @@ import { Refresh, SettingConfig } from "@icon-park/react"
 // import { version } from "@tauri-apps/plugin-os"
 import { useEffect, useState } from "react"
 import { type AllSystemInfo, allSysInfo } from "tauri-plugin-system-info-api"
+import { FpsTest } from "@/components/cstb/FpsTest"
 export default function Page() {
   return (
-    <Card className="h-full">
-      <CardHeader>
-        <CardIcon type="menu">
-          <SettingConfig /> 硬件
-        </CardIcon>
-        <CardTool>
-          {/* <ToolButton>
-            <UploadOne />
-            云同步
-          </ToolButton> */}
-          <ToolButton>
-            <Refresh /> 刷新
-          </ToolButton>
-        </CardTool>
-      </CardHeader>
+    <section className="flex flex-col gap-4 overflow-hidden rounded-lg">
+      <div className="flex flex-col gap-4 overflow-y-auto h-full hide-scrollbar">
+        <Card>
+          <CardHeader>
+            <CardIcon type="menu">
+              <SettingConfig /> 硬件
+            </CardIcon>
+            <CardTool>
+              {/* <ToolButton>
+                <UploadOne />
+                云同步
+              </ToolButton> */}
+              <ToolButton>
+                <Refresh /> 刷新
+              </ToolButton>
+            </CardTool>
+          </CardHeader>
 
-      <CardBody>
-        <HardwareInfo />
-      </CardBody>
-    </Card>
+          <CardBody>
+            <HardwareInfo />
+          </CardBody>
+        </Card>
+        <FpsTest />
+      </div>
+    </section>
   )
 }
 

src/app/globals.css

@@ -24,4 +24,8 @@ a {
 /* 隐藏滚动条 */
 .hide-scrollbar::-webkit-scrollbar {
   display: none;
+}
+.hide-scrollbar {
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
 }