never/noctalia-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Slightly different look for the SidePanel system stats

Browse source
This commit is contained in:
quadbyte 2025-08-12 15:20:49 -04:00
parent d009b8d5c8
commit 6f0b0b299f
3 changed files with 13 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

2
Modules/SidePanel/Cards/SystemMonitorCard.qml
View file

@ -55,7 +55,7 @@ NBox {
}
NCircleStat {
value: SystemStats.diskUsage
icon: "data_usage"
icon: "hard_drive"
flat: true
contentScale: 0.8
width: 72 * scaling

4
Modules/SidePanel/Cards/WeatherCard.qml
View file

@ -28,12 +28,12 @@ NBox {
NText {
text: weatherReady ? Location.weatherSymbolFromCode(Location.data.weather.current_weather.weathercode) : ""
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXXL * 1.25 * scaling
font.pointSize: Style.fontSizeXXL * 1.5 * scaling
color: Colors.accentSecondary
}
ColumnLayout {
spacing: -Style.marginTiny * scaling
NText {
text: Settings.data.location.name
font.weight: Style.fontWeightBold

19
Widgets/NCircleStat.qml
View file

@ -78,6 +78,7 @@ Rectangle {
anchors.centerIn: parent
text: `${root.value}${root.suffix}`
font.pointSize: Style.fontSizeMedium * scaling * contentScale
font.weight: Style.fontWeightBold
color: Colors.textPrimary
horizontalAlignment: Text.AlignHCenter
}
@ -85,23 +86,23 @@ Rectangle {
// Tiny circular badge for the icon, inside the right-side gap
Rectangle {
id: iconBadge
width: 22 * scaling * contentScale
width: 28 * scaling * contentScale
height: width
radius: width / 2
color: Colors.backgroundPrimary
border.color: Colors.accentPrimary
border.width: Math.max(1, Style.borderThin * scaling)
color: Colors.backgroundSecondary
// border.color: Colors.accentPrimary
// border.width: Math.max(1, Style.borderThin * scaling)
anchors.right: parent.right
anchors.bottom: parent.bottom
anchors.rightMargin: 4 * scaling * contentScale
anchors.bottomMargin: 4 * scaling * contentScale
anchors.top: parent.top
anchors.rightMargin: -6 * scaling * contentScale
anchors.topMargin: 4 * scaling * contentScale
Text {
anchors.centerIn: parent
text: root.icon
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLarge * scaling * contentScale
color: Colors.accentPrimary
font.pointSize: Style.fontSizeLargeXL * scaling * contentScale
color: Colors.textSecondary
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
}