diff options
Diffstat (limited to 'Header/CartItem.ui.qml')
| -rw-r--r-- | Header/CartItem.ui.qml | 53 |
1 files changed, 31 insertions, 22 deletions
diff --git a/Header/CartItem.ui.qml b/Header/CartItem.ui.qml index ad9703d..d0af32c 100644 --- a/Header/CartItem.ui.qml +++ b/Header/CartItem.ui.qml @@ -1,9 +1,9 @@ -import QtQuick 2.15 -import QtQuick.Controls 2.15 -import QtQuick.Layouts 1.15 -import QtGraphicalEffects 1.15 -import Bootstrap 5.3 -import Eduport 1.4 +import QtQuick +import QtQuick.Controls +import QtQuick.Layouts +import QtQuick.Effects +import Bootstrap +import Eduport ColumnLayout { property string imageSource: @@ -34,14 +34,19 @@ ColumnLayout { } layer { enabled: true - effect: OpacityMask { - maskSource: Rectangle { - width: 50 - height: 50 - radius: 5.2 - } + effect: MultiEffect { + maskEnabled: true + maskSource: maskRectangle } } + Rectangle { + id: maskRectangle + width: 50 + height: 50 + radius: 5.2 + layer.enabled: true + visible: false + } } ColumnLayout { @@ -58,16 +63,20 @@ ColumnLayout { Button { id: button - Layout.alignment: Qt.AlignTop - | Qt.AlignRight - contentItem: Image { - source: - "../Bootstrap/icons/x.svg" - - ColorOverlay { - color: Eduport.bsGray600 - source: parent - anchors.fill: parent + Layout.alignment: Qt.AlignTop | Qt.AlignRight + contentItem: Item { + Image { + id: xImage + anchors.centerIn: parent + fillMode: Image.PreserveAspectFit + source: "../Bootstrap/icons/x.svg" + } + MultiEffect { + source: xImage + anchors.fill: xImage + brightness: 1.0 + colorization: 1.0 + colorizationColor: Eduport.bsGray600 } } background: Rectangle { |