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)]" /> <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 && ( {quicklookData && quicklookData.cpu_name && chart && (
<div className="text-[0.6rem] opacity-50">{quicklookData.cpu_name}</div> <div className="text-[0.6rem] opacity-50">{quicklookData.cpu_name}</div>
)} )}
@ -124,7 +124,7 @@ export default function Component({ service }) {
</div> </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> </Block>
{chart && ( {chart && (
@ -136,18 +136,18 @@ export default function Component({ service }) {
)} )}
{!chart && ( {!chart && (
<Block position="bottom-3 left-3 w-[4rem]"> <Block position="bottom-3 left-3">
<CPU quicklookData={quicklookData} className="opacity-75" /> <CPU quicklookData={quicklookData} className="opacity-75 mr-2" />
</Block> </Block>
)} )}
<Block position="bottom-3 right-2 w-[4rem]"> <Block position="bottom-3 right-2">
{chart && <CPU quicklookData={quicklookData} className="opacity-50" />} {chart && <CPU quicklookData={quicklookData} className="opacity-50 ml-2" />}
{chart && <Mem quicklookData={quicklookData} className="opacity-50" />} {chart && <Mem quicklookData={quicklookData} className="opacity-50 ml-2" />}
{!chart && <Mem quicklookData={quicklookData} className="opacity-75" />} {!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> </Block>
</Container> </Container>
); );