diff --git a/data/qml/StationCreatorPage1.qml b/data/qml/StationCreatorPage1.qml index ee233590d..bd28fe586 100644 --- a/data/qml/StationCreatorPage1.qml +++ b/data/qml/StationCreatorPage1.qml @@ -26,12 +26,13 @@ Item { height: cellHeight cellWidth: (width - 1) / 3 - cellHeight: cellWidth * 10 / 16 + cellHeight: cellWidth //* 10 / 16 delegate: Image { width: gridView.cellWidth - root.spacing height: gridView.cellHeight - root.spacing source: image + smooth: true Rectangle { id: textBackground @@ -51,8 +52,20 @@ Item { color: "white" font.bold: true } - MouseArea { + Rectangle { + id: hoverShade anchors.fill: parent + color: "white" + opacity: mouseArea.containsMouse ? .2 : 0 + + Behavior on opacity { + NumberAnimation { easing.type: Easing.Linear; duration: 300 } + } + } + MouseArea { + id: mouseArea + anchors.fill: parent + hoverEnabled: true onClicked: root.itemClicked(index) } } diff --git a/data/qml/StationScene.qml b/data/qml/StationScene.qml index 7b937efa1..e50ebe1e8 100644 --- a/data/qml/StationScene.qml +++ b/data/qml/StationScene.qml @@ -10,8 +10,8 @@ Rectangle { ListModel { id: modeModel - ListElement { label: "By Artist"; image: "../images/artist-placeholder-grid.png"; creatorContent: "stations/CreateByArtist.qml" } - ListElement { label: "By Genre"; image: "../images/album-placeholder-grid.png"; creatorContent: "stations/CreateByGenre.qml" } + ListElement { label: "By Artist"; image: "../images/artist-placeholder-grid.svg"; creatorContent: "stations/CreateByArtist.qml" } + ListElement { label: "By Genre"; image: "../images/album-placeholder-grid.svg"; creatorContent: "stations/CreateByGenre.qml" } ListElement { label: "By Year"; image: "image://albumart/foobar"; creatorContent: "year" } }