mirror of
https://github.com/DI0IK/homepage-plus.git
synced 2025-07-19 19:19:50 +00:00
rework position prop
This commit is contained in:
parent
b77909a360
commit
cd2c24d47b
8 changed files with 17 additions and 19 deletions
|
@ -57,7 +57,7 @@ export default function Component({ service }) {
|
|||
/>
|
||||
|
||||
{systemData && !systemError && (
|
||||
<Block position={{bottom: 3, left: 3}}>
|
||||
<Block position="bottom-3 left-3">
|
||||
{systemData.linux_distro && (
|
||||
<div className="text-xs opacity-50">
|
||||
{systemData.linux_distro}
|
||||
|
@ -76,7 +76,7 @@ export default function Component({ service }) {
|
|||
</Block>
|
||||
)}
|
||||
|
||||
<Block position={{bottom: 3, right: 3}}>
|
||||
<Block position="bottom-3 right-3">
|
||||
<div className="text-xs font-bold opacity-75">
|
||||
{t("common.number", {
|
||||
value: data.total,
|
||||
|
|
|
@ -76,7 +76,7 @@ export default function Component({ service }) {
|
|||
/>
|
||||
|
||||
{currentRate && !error && (
|
||||
<Block position={{bottom: 3, left: 3}}>
|
||||
<Block position="bottom-3 left-3">
|
||||
<div className="text-xs opacity-50">
|
||||
{t("common.bitrate", {
|
||||
value: currentRate.a,
|
||||
|
@ -90,7 +90,7 @@ export default function Component({ service }) {
|
|||
</Block>
|
||||
)}
|
||||
|
||||
<Block position={{bottom: 3, right: 3}}>
|
||||
<Block position="bottom-3 right-3">
|
||||
<div className="text-xs opacity-75">
|
||||
{t("common.bitrate", {
|
||||
value: currentRate.a + currentRate.b,
|
||||
|
|
|
@ -54,7 +54,7 @@ export default function Component({ service }) {
|
|||
/>
|
||||
|
||||
{data && !error && (
|
||||
<Block position={{bottom: 3, left: 3}}>
|
||||
<Block position="bottom-3 left-3">
|
||||
{data.free && (
|
||||
<div className="text-xs opacity-50">
|
||||
{t("common.bytes", {
|
||||
|
@ -75,7 +75,7 @@ export default function Component({ service }) {
|
|||
</Block>
|
||||
)}
|
||||
|
||||
<Block position={{bottom: 3, right: 3}}>
|
||||
<Block position="bottom-3 right-3">
|
||||
<div className="text-xs font-bold opacity-75">
|
||||
{t("common.bytes", {
|
||||
value: data.used,
|
||||
|
|
|
@ -64,7 +64,7 @@ export default function Component({ service }) {
|
|||
})}
|
||||
/>
|
||||
|
||||
<Block position={{bottom: 3, left: 3}}>
|
||||
<Block position="bottom-3 left-3">
|
||||
{interfaceData && interfaceData.interface_name && (
|
||||
<div className="text-xs opacity-50">
|
||||
{interfaceData.interface_name}
|
||||
|
@ -79,7 +79,7 @@ export default function Component({ service }) {
|
|||
</div>
|
||||
</Block>
|
||||
|
||||
<Block position={{bottom: 3, right: 3}}>
|
||||
<Block position="bottom-3 right-3">
|
||||
<div className="text-xs opacity-75">
|
||||
{t("common.bitrate", {
|
||||
value: interfaceData.rx,
|
||||
|
|
|
@ -36,7 +36,7 @@ export default function Component({ service }) {
|
|||
|
||||
return (
|
||||
<Container>
|
||||
<Block position={{top: 4, right: 3, left: 3}}>
|
||||
<Block position="top-4 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>
|
||||
|
@ -44,7 +44,7 @@ export default function Component({ service }) {
|
|||
</div>
|
||||
</Block>
|
||||
|
||||
<Block position={{bottom: 4, right: 3, left: 3}}>
|
||||
<Block position="bottom-4 right-3 left-3">
|
||||
<div className="pointer-events-none text-theme-900 dark:text-theme-200">
|
||||
{ data.map((item) => <div key={item.pid} className="text-[0.75rem] h-[0.8rem]">
|
||||
<div className="flex items-center">
|
||||
|
|
|
@ -62,7 +62,7 @@ export default function Component({ service }) {
|
|||
/>
|
||||
|
||||
{sensorData && !error && (
|
||||
<Block position={{bottom: 3, left: 3}}>
|
||||
<Block position="bottom-3 left-3">
|
||||
{sensorData.warning && (
|
||||
<div className="text-xs opacity-50">
|
||||
{sensorData.warning}{sensorData.unit} {t("glances.warn")}
|
||||
|
@ -76,7 +76,7 @@ export default function Component({ service }) {
|
|||
</Block>
|
||||
)}
|
||||
|
||||
<Block position={{bottom: 3, right: 3}}>
|
||||
<Block position="bottom-3 right-3">
|
||||
<div className="text-xs opacity-75">
|
||||
{t("common.number", {
|
||||
value: sensorData.value,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue