This commit is contained in:
shamoon 2024-12-21 16:58:03 -08:00
parent 64c7e5d82c
commit 809b3f10b2
2 changed files with 4 additions and 4 deletions

View File

@ -18,10 +18,10 @@ export default function Container({ children, widget, error = null, chart = true
} }
return ( return (
<div className={classNames("service-container relative", chart ? "chart h-[84px]" : "")}> <div className={classNames("service-container", chart ? "chart relative h-[120px]" : "")}>
{children} {children}
<div className={`absolute top-0 right-0 bottom-0 left-0 overflow-clip pointer-events-none ${className}`} /> <div className={`absolute top-0 right-0 bottom-0 left-0 overflow-clip pointer-events-none ${className}`} />
{chart && <div className="chart h-[68px] overflow-clip" />} {chart && <div className="h-[68px] overflow-clip" />}
{!chart && <div className="h-[16px] overflow-clip" />} {!chart && <div className="h-[16px] overflow-clip" />}
</div> </div>
); );

View File

@ -45,7 +45,7 @@ export default function Component({ service }) {
return ( return (
<Container chart={chart}> <Container chart={chart}>
<Block position="top-0 right-3 left-3"> <Block position="top-4 right-3 left-3">
<div className="flex items-center text-xs"> <div className="flex items-center text-xs">
<div className="grow" /> <div className="grow" />
<div className="w-14 text-right italic">{t("resources.cpu")}</div> <div className="w-14 text-right italic">{t("resources.cpu")}</div>
@ -53,7 +53,7 @@ export default function Component({ service }) {
</div> </div>
</Block> </Block>
<Block position="bottom-2 right-3 left-3"> <Block position="bottom-4 right-3 left-3">
<div className="pointer-events-none text-theme-900 dark:text-theme-200"> <div className="pointer-events-none text-theme-900 dark:text-theme-200">
{data.map((item) => ( {data.map((item) => (
<div key={item.pid} className="text-[0.75rem] h-[0.8rem]"> <div key={item.pid} className="text-[0.75rem] h-[0.8rem]">