Fix: chart stacking with multiple widgets

gethomepage · Dec 18, 2024 · 7bcdba1 · 7bcdba1
1 parent 59ed5ed
commit 7bcdba1
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/widgets/glances/components/container.jsx b/src/widgets/glances/components/container.jsx
@@ -1,4 +1,5 @@
 import { useContext } from "react";
+import classNames from "classnames";
 
 import Error from "./error";
 
@@ -17,10 +18,10 @@ export default function Container({ children, widget, error = null, chart = true
   }
 
   return (
-    <div>
+    <div className={classNames("service-container relative", chart ? "h-[120px]" : "")}>
       {children}
       <div className={`absolute top-0 right-0 bottom-0 left-0 overflow-clip pointer-events-none ${className}`} />
-      {chart && <div className="h-[68px] overflow-clip" />}
+      {chart && <div className="chart h-[68px] overflow-clip" />}
       {!chart && <div className="h-[16px] overflow-clip" />}
     </div>
   );