2 files changed, 30 insertions, 26 deletions
diff --git a/Shop/ProductDetail/LeftSidebar.ui.qml b/Shop/ProductDetail/LeftSidebar.ui.qml
index 4f06499..6025b8c 100644
--- a/Shop/ProductDetail/LeftSidebar.ui.qml
+++ b/Shop/ProductDetail/LeftSidebar.ui.qml
@@ -1,8 +1,8 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import QtQuick.Layouts 1.15
-import QtGraphicalEffects 1.15
-import Eduport 1.4
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import QtQuick.Effects
+import Eduport
 import "../../Button"
 import "../../DropShadow"
 
@@ -11,29 +11,34 @@ Rectangle {
 	id: sidebarCard
 	height: sidebarCardImage.height + cardBody.height
 
-	Rectangle {
+	Image {
 		id: sidebarCardImage
-		width: parent.width
-		height: sidebarCardImage.width
-		radius: 8
 		anchors.left: parent.left
 		anchors.right: parent.right
 		anchors.top: parent.top
 		anchors.rightMargin: 0
 		anchors.leftMargin: 0
 		anchors.topMargin: 0
-		Image {
-			id: sidebarCardImageSource
-			anchors.fill: parent
-			visible: false
-			source: "https://eduport.webestica.com/assets/images/book/01.jpg"
-			fillMode: Image.PreserveAspectCrop
+		source: "https://eduport.webestica.com/assets/images/book/01.jpg"
+		sourceSize {
+			width: parent.width
+			height: sidebarCardImage.width
+		}
+		fillMode: Image.PreserveAspectCrop
+		layer {
+			enabled: true
+			effect: MultiEffect {
+				maskEnabled: true
+				maskSource: maskRectangle
+			}
 		}
-		OpacityMask {
-			id: sidebarCardImageMask
-			anchors.fill: sidebarCardImage
-			source: sidebarCardImageSource
-			maskSource: sidebarCardImage
+		Rectangle {
+			id: maskRectangle
+			width: sidebarCardImage.sourceSize.width
+			height: sidebarCardImage.sourceSize.height
+			radius: 8
+			layer.enabled: true
+			visible: false
 		}
 	}
 	RowLayout {
diff --git a/Shop/ProductDetail/RightSidebar.ui.qml b/Shop/ProductDetail/RightSidebar.ui.qml
index 3f1ea8a..a763b13 100644
--- a/Shop/ProductDetail/RightSidebar.ui.qml
+++ b/Shop/ProductDetail/RightSidebar.ui.qml
@@ -1,9 +1,8 @@
-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 Bootstrap
+import Eduport
 import "../../Button"
 import "../../DropShadow"