mirror of
https://invent.kde.org/marcoa/a-la-karte.git
synced 2026-03-27 01:03:09 +00:00
polish: card hover overlay, reduce cover art shadow bleed
- Add subtle white overlay (4-6% opacity) to GameCard on hover/highlight for clearer feedback - Reduce ConsoleGameDetail coverArt shadow blur from 0.7 to 0.25 and offset from 12 to 8 to prevent bleeding
This commit is contained in:
parent
2df35e9b81
commit
c4b9321c64
2 changed files with 10 additions and 3 deletions
|
|
@ -110,10 +110,10 @@ Item {
|
||||||
layer.enabled: true
|
layer.enabled: true
|
||||||
layer.effect: MultiEffect {
|
layer.effect: MultiEffect {
|
||||||
shadowEnabled: true
|
shadowEnabled: true
|
||||||
shadowColor: Qt.rgba(0, 0, 0, 0.7)
|
shadowColor: Qt.rgba(0, 0, 0, 0.5)
|
||||||
shadowBlur: 0.7
|
shadowBlur: 0.25
|
||||||
shadowHorizontalOffset: 0
|
shadowHorizontalOffset: 0
|
||||||
shadowVerticalOffset: 12
|
shadowVerticalOffset: 8
|
||||||
}
|
}
|
||||||
|
|
||||||
Image {
|
Image {
|
||||||
|
|
|
||||||
|
|
@ -77,6 +77,13 @@ Item {
|
||||||
visible: gameCard.coverStatus !== Image.Ready
|
visible: gameCard.coverStatus !== Image.Ready
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
anchors.fill: parent
|
||||||
|
radius: parent.radius
|
||||||
|
color: Qt.rgba(1, 1, 1, gameCard.isHighlighted ? 0.06 : (hoverHandler.hovered ? 0.04 : 0.0))
|
||||||
|
Behavior on color { ColorAnimation { duration: Kirigami.Units.shortDuration } }
|
||||||
|
}
|
||||||
|
|
||||||
Rectangle {
|
Rectangle {
|
||||||
anchors.left: parent.left
|
anchors.left: parent.left
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue