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 { NCircleStat {
value: SystemStats.diskUsage value: SystemStats.diskUsage
icon: "data_usage" icon: "hard_drive"
flat: true flat: true
contentScale: 0.8 contentScale: 0.8
width: 72 * scaling width: 72 * scaling

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

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

19
Widgets/NCircleStat.qml
View file

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