Files
z-bar-qt/Modules/Dashboard/Dash/User.qml
T
zach 7d6f3cc275
C++ / fmt (pull_request) Successful in 4s
JS/TS / fmt (pull_request) Successful in 20s
JS/TS / lint (pull_request) Successful in 22s
Python / static (pull_request) Successful in 57s
Rust / fmt (pull_request) Successful in 1m2s
C++ / build (pull_request) Successful in 2m10s
Rust / build (pull_request) Successful in 1m50s
Rust / clippy (pull_request) Successful in 1m25s
Python / verify (pull_request) Successful in 2m58s
C++ / clang-tidy (pull_request) Successful in 7m8s
initial commit for media widget update + anim tokens restructure
2026-08-18 16:14:41 +02:00

123 lines
2.5 KiB
QML

import Quickshell
import QtQuick
import ZShell.Config
import qs.Services
import qs.Components
import qs.Paths
import qs.Helpers
Row {
id: root
required property PersistentProperties dashState
padding: 20
spacing: 12
CustomClippingRect {
color: Colors.layer(Colors.palette.m3surfaceContainerHigh, 2)
implicitHeight: info.implicitHeight
implicitWidth: info.implicitHeight
radius: Tokens.rounding.small
MaterialIcon {
anchors.centerIn: parent
fill: 1
font.pointSize: Math.floor(info.implicitHeight / 2) || 1
grade: 200
text: "person"
}
CachingImage {
id: pfp
anchors.fill: parent
path: `${Paths.home}/.face`
}
}
Column {
id: info
anchors.verticalCenter: parent.verticalCenter
spacing: 12
Item {
id: line
implicitHeight: Math.max(icon.implicitHeight, text.implicitHeight)
implicitWidth: icon.implicitWidth + text.width + text.anchors.leftMargin
ColoredIcon {
id: icon
anchors.left: parent.left
anchors.leftMargin: (Config.dashboard.sizes.infoIconSize - implicitWidth) / 2
color: Colors.palette.m3primary
implicitSize: Math.floor(13 * 1.34)
source: SystemInfo.osLogo
}
CustomText {
id: text
anchors.left: icon.right
anchors.leftMargin: icon.anchors.leftMargin
anchors.verticalCenter: icon.verticalCenter
elide: Text.ElideRight
font.pointSize: 13
text: `: ${SystemInfo.osPrettyName || SystemInfo.osName}`
width: Config.dashboard.sizes.infoWidth
}
}
InfoLine {
colour: Colors.palette.m3secondary
icon: "select_window_2"
text: SystemInfo.wm
}
InfoLine {
id: uptime
colour: Colors.palette.m3tertiary
icon: "timer"
text: qsTr("%1").arg(SystemInfo.uptime)
}
}
component InfoLine: Item {
id: line
required property color colour
required property string icon
required property string text
implicitHeight: Math.max(icon.implicitHeight, text.implicitHeight)
implicitWidth: icon.implicitWidth + text.width + text.anchors.leftMargin
MaterialIcon {
id: icon
anchors.left: parent.left
anchors.leftMargin: (Config.dashboard.sizes.infoIconSize - implicitWidth) / 2
color: line.colour
fill: 1
font.pointSize: 13
text: line.icon
}
CustomText {
id: text
anchors.left: icon.right
anchors.leftMargin: icon.anchors.leftMargin
anchors.verticalCenter: icon.verticalCenter
elide: Text.ElideNone
font.pointSize: 13
text: `: ${line.text}`
width: Config.dashboard.sizes.infoWidth
}
}
}