ZacharyZhang-NY/omarchycn
4
5
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases 5 Wiki Activity

Align network panel details

Browse Source
This commit is contained in:
David Heinemeier Hansson
2026-06-06 17:08:02 +02:00
parent 166b395203
commit 43e758ed32
1 changed files with 46 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
shell/plugins/panels/network/Panel.qml
+46 -61
View File
@@ -1,5 +1,6 @@
import QtQuick import QtQuick
import QtQuick.Controls import QtQuick.Controls
import QtQuick.Layouts
import Quickshell import Quickshell
import Quickshell.Io import Quickshell.Io
import Quickshell.Networking import Quickshell.Networking
@@ -795,48 +796,41 @@ Panel {
width: parent.width width: parent.width
spacing: Style.spacing.labelGap spacing: Style.spacing.labelGap
Row { GridLayout {
visible: root.info.rx_bytes !== undefined
width: parent.width width: parent.width
spacing: Style.space(20) columns: 4
columnSpacing: Style.space(20)
rowSpacing: Style.spacing.labelGap
Column { InfoLabel { visible: root.info.rx_bytes !== undefined; text: "Receiving" }
width: (parent.width - parent.spacing) / 2 DetailValue { visible: root.info.rx_bytes !== undefined; text: root.formatRate(root.downloadRate) }
spacing: Style.spacing.labelGap InfoLabel { visible: root.info.rx_bytes !== undefined; text: "Sending" }
InfoPair { label: "Receiving"; value: root.formatRate(root.downloadRate) } DetailValue { visible: root.info.rx_bytes !== undefined; text: root.formatRate(root.uploadRate) }
InfoPair { label: "Downloaded"; value: root.formatBytes(parseFloat(root.info.rx_bytes || "0")) }
}
Column { InfoLabel { visible: root.info.rx_bytes !== undefined; text: "Downloaded" }
width: (parent.width - parent.spacing) / 2 DetailValue { visible: root.info.rx_bytes !== undefined; text: root.formatBytes(parseFloat(root.info.rx_bytes || "0")) }
spacing: Style.spacing.labelGap InfoLabel { visible: root.info.rx_bytes !== undefined; text: "Uploaded" }
InfoPair { label: "Sending"; value: root.formatRate(root.uploadRate) } DetailValue { visible: root.info.rx_bytes !== undefined; text: root.formatBytes(parseFloat(root.info.tx_bytes || "0")) }
InfoPair { label: "Uploaded"; value: root.formatBytes(parseFloat(root.info.tx_bytes || "0")) }
}
}
Row { InfoLabel {
width: parent.width visible: !!root.info.ip || !!root.info.gateway
spacing: Style.space(20) text: root.info.ip ? "IP Address" : ""
Column {
width: (parent.width - parent.spacing) / 2
InfoPair {
visible: !!root.info.ip
label: "IP Address"
value: root.info.ip || ""
copyable: true
tooltipText: "Copy IP"
}
} }
Column { DetailValue {
width: (parent.width - parent.spacing) / 2 visible: !!root.info.ip || !!root.info.gateway
InfoPair { text: root.info.ip || ""
visible: !!root.info.gateway copyable: !!root.info.ip
label: "Gateway" tooltipText: "Copy IP"
value: root.info.gateway || "" }
copyable: true InfoLabel {
tooltipText: "Copy gateway" visible: !!root.info.ip || !!root.info.gateway
} text: root.info.gateway ? "Gateway" : ""
}
DetailValue {
visible: !!root.info.ip || !!root.info.gateway
text: root.info.gateway || ""
copyable: !!root.info.gateway
tooltipText: "Copy gateway"
} }
} }
} }
@@ -1314,35 +1308,26 @@ Panel {
onTriggered: if (!networkProc.running) networkProc.running = true onTriggered: if (!networkProc.running) networkProc.running = true
} }
component InfoPair: Row { component DetailValue: InfoValue {
property string label: ""
property string value: ""
property bool copyable: false property bool copyable: false
property string tooltipText: "Copy to clipboard" property string tooltipText: "Copy to clipboard"
width: parent.width Layout.fillWidth: true
spacing: Style.space(8) horizontalAlignment: Text.AlignRight
InfoLabel { text: label } MouseArea {
Item { width: Math.max(0, parent.width - parent.children[0].implicitWidth - valueText.implicitWidth - parent.spacing * 2); height: 1 } id: valueMouse
InfoValue { anchors.fill: parent
id: valueText enabled: copyable && parent.text !== ""
text: value hoverEnabled: enabled
cursorShape: enabled ? Qt.PointingHandCursor : Qt.ArrowCursor
onClicked: root.copyToClipboard(parent.text)
}
MouseArea { PanelToolTip {
id: valueMouse visible: valueMouse.enabled && valueMouse.containsMouse
anchors.fill: parent text: tooltipText
enabled: copyable && valueText.text !== "" fontFamily: root.bar.fontFamily
hoverEnabled: enabled
cursorShape: enabled ? Qt.PointingHandCursor : Qt.ArrowCursor
onClicked: root.copyToClipboard(valueText.text)
}
PanelToolTip {
visible: valueMouse.enabled && valueMouse.containsMouse
text: tooltipText
fontFamily: root.bar.fontFamily
}
} }
} }