Bar: more unified look on the left section
This commit is contained in:
parent
9990a88e90
commit
7e334ae768
2 changed files with 29 additions and 8 deletions
|
|
@ -69,9 +69,9 @@ Row {
|
|||
text: getDisplayText()
|
||||
font.pointSize: Style.fontSizeSmall * scaling
|
||||
font.weight: Style.fontWeightBold
|
||||
elide: Text.ElideRight
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
verticalAlignment: Text.AlignVCenter
|
||||
elide: Text.ElideRight
|
||||
}
|
||||
|
||||
// Mouse area for hover detection
|
||||
|
|
|
|||
|
|
@ -15,20 +15,41 @@ Item {
|
|||
height: parent.height
|
||||
spacing: Style.spacingTiniest * scaling
|
||||
|
||||
NIconButton {
|
||||
icon: MediaPlayer.isPlaying ? "pause" : "play_arrow"
|
||||
tooltipText: "Play/pause media"
|
||||
sizeMultiplier: 0.8
|
||||
showBorder: false
|
||||
onClicked: MediaPlayer.playPause()
|
||||
// NIconButton {
|
||||
// icon: MediaPlayer.isPlaying ? "pause" : "play_arrow"
|
||||
// tooltipText: "Play/pause media"
|
||||
// sizeMultiplier: 0.8
|
||||
// showBorder: false
|
||||
// onClicked: MediaPlayer.playPause()
|
||||
// }
|
||||
NText {
|
||||
text: MediaPlayer.isPlaying ? "pause" : "play_arrow"
|
||||
font.family: "Material Symbols Outlined"
|
||||
font.pointSize: Style.fontSizeLarge * scaling
|
||||
verticalAlignment: Text.AlignVCenter
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
color: Colors.mPrimary
|
||||
|
||||
MouseArea {
|
||||
id: titleContainerMouseArea
|
||||
anchors.fill: parent
|
||||
|
||||
onClicked: {
|
||||
onClicked: MediaPlayer.playPause()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Track info
|
||||
NText {
|
||||
text: MediaPlayer.trackTitle + " - " + MediaPlayer.trackArtist
|
||||
text: MediaPlayer.trackTitle + (MediaPlayer.trackArtist !== "" ? ` - {MediaPlayer.trackArtist}` : "")
|
||||
color: Colors.mOnSurface
|
||||
font.pointSize: Style.fontSizeSmall * scaling
|
||||
font.weight: Style.fontWeightBold
|
||||
elide: Text.ElideRight
|
||||
|
||||
verticalAlignment: Text.AlignVCenter
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
Layout.maximumWidth: 200 * scaling
|
||||
Layout.alignment: Qt.AlignVCenter
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue