fix: detail page scroll

hamster1963 · Oct 22, 2024 · 6fbba1e · 6fbba1e
1 parent 11abe92
commit 6fbba1e
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/app/[locale]/(main)/[id]/page.tsx b/app/[locale]/(main)/[id]/page.tsx
@@ -27,12 +27,18 @@ export default function Page({ params }: { params: { id: string } }) {
         </div>
         <Separator className="flex-1" />
       </section>
-      {currentTab === tabs[0] && (
-        <ServerDetailChartClient server_id={Number(params.id)} show={true} />
-      )}
-      {currentTab === tabs[1] && (
-        <NetworkChartClient server_id={Number(params.id)} show={true} />
-      )}
+      <div style={{ display: currentTab === tabs[0] ? "block" : "none" }}>
+        <ServerDetailChartClient
+          server_id={Number(params.id)}
+          show={currentTab === tabs[0]}
+        />
+      </div>
+      <div style={{ display: currentTab === tabs[1] ? "block" : "none" }}>
+        <NetworkChartClient
+          server_id={Number(params.id)}
+          show={currentTab === tabs[1]}
+        />
+      </div>
     </div>
   );
 }