Enhancement: improve glances info widget spacing (#5425)

This commit is contained in:
shamoon 2025-06-13 10:18:26 -07:00 committed by GitHub
parent 73aa2018a8
commit 00bb1a3f37
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -112,7 +112,7 @@ export default function Component({ service }) {
<div className="bg-linear-to-br from-theme-500/30 via-theme-600/20 to-theme-700/10 absolute -top-10 -left-2 -right-2 -bottom-2 h-[calc(100%+3em)] w-[calc(100%+1em)]" />
)}
<Block position={chart ? "-top-6 right-2" : "top-3 right-3"}>
<Block position={chart ? "-top-6 right-2" : "top-3 right-2"}>
{quicklookData && quicklookData.cpu_name && chart && (
<div className="text-[0.6rem] opacity-50">{quicklookData.cpu_name}</div>
)}
@ -124,7 +124,7 @@ export default function Component({ service }) {
</div>
)}
<div className="w-[4rem]">{!chart && <Swap quicklookData={quicklookData} className="opacity-25" />}</div>
<div>{!chart && <Swap quicklookData={quicklookData} className="opacity-25 ml-2" />}</div>
</Block>
{chart && (
@ -136,18 +136,18 @@ export default function Component({ service }) {
)}
{!chart && (
<Block position="bottom-3 left-3 w-[4rem]">
<CPU quicklookData={quicklookData} className="opacity-75" />
<Block position="bottom-3 left-3">
<CPU quicklookData={quicklookData} className="opacity-75 mr-2" />
</Block>
)}
<Block position="bottom-3 right-2 w-[4rem]">
{chart && <CPU quicklookData={quicklookData} className="opacity-50" />}
<Block position="bottom-3 right-2">
{chart && <CPU quicklookData={quicklookData} className="opacity-50 ml-2" />}
{chart && <Mem quicklookData={quicklookData} className="opacity-50" />}
{!chart && <Mem quicklookData={quicklookData} className="opacity-75" />}
{chart && <Mem quicklookData={quicklookData} className="opacity-50 ml-2" />}
{!chart && <Mem quicklookData={quicklookData} className="opacity-75 ml-2" />}
{chart && <Swap quicklookData={quicklookData} className="opacity-50" />}
{chart && <Swap quicklookData={quicklookData} className="opacity-50 ml-2" />}
</Block>
</Container>
);