From 70eefa50f9a70554d9db7004e48555858dfc008c Mon Sep 17 00:00:00 2001
From: Erik Prabowo Kamal <erik@darapsa.org>
Date: Fri, 12 Dec 2025 18:40:48 +0800
Subject: Reimplement Qt5 DropShadow using Qt6 MultiEffect

https://stackoverflow.com/questions/66145143/how-to-create-dropshadow-effect-in-qml-with-qt6#66162760
Didn't follow the checked answer cause it's still using Qt5Compat.
Follow the 1st answer instead.

Don't know how to reimplement DropShadow's samples & radius yet.
Opacity needs to be separated, don't set it on Qt.rgba, otherwise the
resulting colour would be too soft/light/invisible.
---
 Home/Default.ui.qml | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'Home/Default.ui.qml')

diff --git a/Home/Default.ui.qml b/Home/Default.ui.qml
index 3ff4e84..0381e9d 100644
--- a/Home/Default.ui.qml
+++ b/Home/Default.ui.qml
@@ -1,7 +1,7 @@
 import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
-import Qt5Compat.GraphicalEffects
+import QtQuick.Effects
 import Bootstrap
 import Eduport
 import ".."
@@ -107,10 +107,12 @@ Flickable {
 				Layout.fillWidth: true
 				implicitHeight: image.height
 
-				DropShadow {
+				MultiEffect {
 					source: angularRectangle
 					anchors.fill: angularRectangle
-					color: Qt.rgba(.113, .227, .325, .15)
+					shadowEnabled: true
+					shadowColor: Qt.rgba(.113, .227, .325, 1.0)
+					shadowOpacity: .15
 				}
 
 				Rectangle {
-- 
cgit v1.2.3