Round the card image corners

but haven't found a way to not round the bottom edges

1 files changed, 8 insertions, 0 deletions

diff --git a/GridCard.ui.qml b/GridCard.ui.qml
index 2dde55e..d000680 100644
--- a/GridCard.ui.qml
+++ b/GridCard.ui.qml
@@ -29,6 +29,14 @@ Item {
 				height: parent.width * 3 / 4
 			}
 			anchors.top: parent.top
+			layer.enabled: true
+			layer.effect: OpacityMask {
+				maskSource: Rectangle {
+					width: image.width
+					height: image.height
+					radius: 10
+				}
+			}
 		}
 
 		Item {