|
|
|
@ -38,10 +38,16 @@ export default function Component({ service }) {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
data.splice(chart ? 5 : 1);
|
|
|
|
|
let headerYPosition = "top-4";
|
|
|
|
|
let listYPosition = "bottom-4";
|
|
|
|
|
if (chart) {
|
|
|
|
|
headerYPosition = "-top-6";
|
|
|
|
|
listYPosition = "-top-3";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<Container chart={chart}>
|
|
|
|
|
<Block position="top-4 right-3 left-3">
|
|
|
|
|
<Block position={`${headerYPosition} right-3 left-3`}>
|
|
|
|
|
<div className="flex items-center text-xs">
|
|
|
|
|
<div className="grow" />
|
|
|
|
|
<div className="w-14 text-right italic">{t("resources.cpu")}</div>
|
|
|
|
@ -49,7 +55,7 @@ export default function Component({ service }) {
|
|
|
|
|
</div>
|
|
|
|
|
</Block>
|
|
|
|
|
|
|
|
|
|
<Block position="bottom-4 right-3 left-3">
|
|
|
|
|
<Block position={`${listYPosition} right-3 left-3`}>
|
|
|
|
|
<div className="pointer-events-none text-theme-900 dark:text-theme-200">
|
|
|
|
|
{data.map((item) => (
|
|
|
|
|
<div key={item[idKey]} className="text-[0.75rem] h-[0.8rem]">
|
|
|
|
|