fix(StatusChatInput): ensure image have rounded corners

This commit is contained in:
Pascal Precht 2020-11-12 15:33:18 +01:00 committed by Pascal Precht
parent d601df179d
commit 7005a3d7b6
1 changed files with 52 additions and 27 deletions

View File

@ -1,4 +1,5 @@
import QtQuick 2.13
import QtGraphicalEffects 1.13
import QtQuick.Controls 2.13
import "../../imports"
import "../../shared"
@ -36,6 +37,30 @@ Rectangle {
}
}
layer.enabled: true
layer.effect: OpacityMask {
maskSource: Item {
width: chatImage.width
height: chatImage.height
Rectangle {
anchors.top: parent.top
anchors.left: parent.left
width: chatImage.width
height: chatImage.height
radius: 16
}
Rectangle {
anchors.bottom: parent.bottom
anchors.right: parent.right
width: 32
height: 32
radius: 4
}
}
}
}
RoundButton {
id: closeBtn
implicitWidth: 24
@ -65,6 +90,6 @@ Rectangle {
onPressed: mouse.accepted = false
}
}
}
}