beenull/Cosmos-Server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

[release] v0.12.0-unstable38

Browse source
This commit is contained in:
Yann Stepienik 2023-11-03 15:03:16 +00:00
parent cc7cab467d
commit 6d275216de
6 changed files with 26 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
client/src/assets/images/wallpaper2.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 394 KiB

BIN
client/src/assets/images/wallpaper2_light.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 384 KiB

5
client/src/pages/dashboard/components/mini-plot.jsx
View file

@ -199,11 +199,12 @@ const _MiniPlotComponent = ({metrics, labels, noLabels, noBackground, agglo, tit
}
return <Stack direction='row' spacing={3}
alignItems='center' sx={{padding: '0px 20px', width: '100%', backgroundColor: noBackground ? '' : 'rgba(0,0,0,0.1)'}}
alignItems='center' sx={{padding: '0px 20px', width: '100%', backgroundColor: noBackground ? '' : 'rgba(0,0,0,0.075)'}}
justifyContent={'space-around'}>
<Stack direction='column' justifyContent={'center'} alignItems={'flex-start'} spacing={0} style={{
width: '150px',
width: '160px',
whiteSpace: 'nowrap',
}}>
{title && <div style={{

30
client/src/pages/home/index.jsx
View file

@ -78,6 +78,11 @@ export const TransparentHeader = () => {
font-weight: bold;
}
.MuiDrawer-paper {
backdrop-filter: blur(15px);
background: rgba(${backColor}, 1) !important;
border-right-color: rgba(${backColor},0.45) !important;
}
`}
</style>;
}
@ -105,10 +110,15 @@ const HomePage = () => {
const appColor = isDark ? {
color: 'white',
background: 'rgba(5,5,5,0.42)',
background: 'rgba(10,10,10,0.42)',
} : {
color: 'black',
background: 'rgba(250,250,250,0.42)',
background: 'rgba(245,245,245,0.42)',
}
const appBorder = isDark ? {
} : {
}
@ -426,8 +436,8 @@ const HomePage = () => {
<Stack direction="row" justifyContent={'space-between'} alignItems={'center'} style={{ height: "100%" }}>
<Stack style={{paddingLeft: '20px'}} spacing={0}>
<div style={{fontSize: '18px', fontWeight: "bold"}}>RAM</div>
<div>avail.: {maxRAM}</div>
<div>used: {latestRAM}</div>
<div>avail.: <strong>{maxRAM}</strong></div>
<div>used: <strong>{latestRAM}</strong></div>
</Stack>
<div style={{height: '97px'}}>
<Chart
@ -451,8 +461,8 @@ const HomePage = () => {
"cosmos.system.netTx",
"cosmos.system.netRx",
]} labels={{
["cosmos.system.netTx"]: "trans.",
["cosmos.system.netRx"]: "recv."
["cosmos.system.netTx"]: "trs:",
["cosmos.system.netRx"]: "rcv:"
}}/>
</Stack>
</Box>
@ -464,8 +474,8 @@ const HomePage = () => {
"cosmos.proxy.all.success",
"cosmos.proxy.all.error",
]} labels={{
["cosmos.proxy.all.success"]: "ok",
["cosmos.proxy.all.error"]: "errors"
["cosmos.proxy.all.success"]: "ok:",
["cosmos.proxy.all.error"]: "err:"
}}/>
</Stack>
</Box>
@ -493,7 +503,7 @@ const HomePage = () => {
return !skip && coStatus && (coStatus.homepage.Expanded ?
<Grid2 item xs={12} sm={6} md={4} lg={3} xl={3} xxl={3} key={route.Name}>
<Box className='app app-hover' style={{ padding: 25, borderRadius: 5, ...appColor }}>
<Box className='app app-hover' style={{ padding: 25, borderRadius: 5, ...appColor, ...appBorder }}>
<Link to={getFullOrigin(route)} target="_blank" style={{ textDecoration: 'none', ...appColor }}>
<Stack direction="row" spacing={2} alignItems="center">
<ServAppIcon container={container} route={route} className="loading-image" width="70px" />
@ -508,7 +518,7 @@ const HomePage = () => {
</Grid2>
:
<Grid2 item xs={6} sm={4} md={3} lg={2} xl={2} xxl={2} key={route.Name}>
<Box className='app app-hover' style={{ padding: 25, borderRadius: 5, ...appColor }}>
<Box className='app app-hover' style={{ padding: 25, borderRadius: 5, ...appColor, ...appBorder }}>
<Link to={getFullOrigin(route)} target="_blank" style={{ textDecoration: 'none', ...appColor }}>
<Stack direction="column" spacing={2} alignItems="center">
<ServAppIcon container={container} route={route} className="loading-image" width="70px" />

4
client/src/themes/theme/index.jsx
View file

@ -1,6 +1,6 @@
// ==============================|| PRESET THEME - THEME SELECTOR ||============================== //
import { purple, pink, deepPurple } from '@mui/material/colors';
import { purple, pink, deepPurple, blueGrey } from '@mui/material/colors';
const Theme = (colors, darkMode) => {
const { blue, red, gold, cyan, green, grey } = colors;
@ -30,7 +30,7 @@ const Theme = (colors, darkMode) => {
main: purple[400],
},
secondary: {
main: darkMode ? deepPurple[800] : deepPurple[100]
main: blueGrey[400],
},
error: {
lighter: red[0],

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "cosmos-server",
"version": "0.12.0-unstable37",
"version": "0.12.0-unstable38",
"description": "",
"main": "test-server.js",
"bugs": {