39 lines
1023 B
QML
39 lines
1023 B
QML
// One number, read at a glance. Not a chart.
|
|
import QtQuick
|
|
import QtQuick.Controls.Material
|
|
import QtQuick.Layouts
|
|
|
|
Pane {
|
|
property string label: ""
|
|
property string value: "—"
|
|
property string caption: ""
|
|
property color accent: Material.foreground
|
|
|
|
Material.elevation: 1
|
|
Material.roundedScale: Material.LargeScale
|
|
padding: 16
|
|
Layout.fillWidth: true
|
|
|
|
background: Rectangle {
|
|
radius: 16
|
|
color: Material.dialogColor
|
|
border.width: 1
|
|
border.color: Material.dividerColor
|
|
}
|
|
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
spacing: 2
|
|
Label { text: label.toUpperCase(); font.pixelSize: 10; font.letterSpacing: 1; opacity: 0.6 }
|
|
Label { text: value; font.pixelSize: 26; font.weight: Font.Light; color: accent }
|
|
Label {
|
|
text: caption
|
|
visible: caption !== ""
|
|
font.pixelSize: 11
|
|
opacity: 0.7
|
|
Layout.fillWidth: true
|
|
elide: Text.ElideRight
|
|
}
|
|
}
|
|
}
|