70 lines
1.8 KiB
QML
70 lines
1.8 KiB
QML
import "root:/widgets"
|
|
import "root:/services"
|
|
import "root:/config"
|
|
import QtQuick
|
|
|
|
Item {
|
|
id: root
|
|
|
|
implicitWidth: DashboardConfig.sizes.dateTimeWidth
|
|
implicitHeight: date.y + date.implicitHeight + Appearance.padding.large * 2
|
|
|
|
StyledText {
|
|
id: hours
|
|
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
anchors.topMargin: Appearance.padding.large * 2
|
|
|
|
horizontalAlignment: Text.AlignHCenter
|
|
text: Time.format("HH")
|
|
color: Colours.palette.m3secondary
|
|
font.pointSize: Appearance.font.size.extraLarge
|
|
font.weight: 500
|
|
}
|
|
|
|
StyledText {
|
|
id: sep
|
|
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: hours.bottom
|
|
anchors.topMargin: -font.pointSize * 0.5
|
|
|
|
horizontalAlignment: Text.AlignHCenter
|
|
text: "•••"
|
|
color: Colours.palette.m3primary
|
|
font.pointSize: Appearance.font.size.extraLarge * 0.9
|
|
}
|
|
|
|
StyledText {
|
|
id: mins
|
|
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: sep.bottom
|
|
anchors.topMargin: -sep.font.pointSize * 0.45
|
|
|
|
horizontalAlignment: Text.AlignHCenter
|
|
text: Time.format("MM")
|
|
color: Colours.palette.m3secondary
|
|
font.pointSize: Appearance.font.size.extraLarge
|
|
font.weight: 500
|
|
}
|
|
|
|
StyledText {
|
|
id: date
|
|
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: mins.bottom
|
|
anchors.topMargin: Appearance.spacing.normal
|
|
|
|
horizontalAlignment: Text.AlignHCenter
|
|
text: Time.format("ddd, d")
|
|
color: Colours.palette.m3tertiary
|
|
font.pointSize: Appearance.font.size.normal
|
|
font.weight: 500
|
|
}
|
|
}
|