Fix detail background & shadow

2 files changed, 19 insertions, 13 deletions

diff --git a/Course/Detail/Classic.ui.qml b/Course/Detail/Classic.ui.qml
index a60e331..03d0536 100644
--- a/Course/Detail/Classic.ui.qml
+++ b/Course/Detail/Classic.ui.qml
@@ -22,7 +22,7 @@ Flickable {
 		}
 
 		Rectangle {
-			color: "#f5f7f9"
+			color: Eduport.bsLight
 			Layout.fillWidth: true
 			implicitHeight: pageIntro.height + 96
 
diff --git a/Course/Detail/Classic/Content/Main.ui.qml b/Course/Detail/Classic/Content/Main.ui.qml
index b00fe1d..625038f 100644
--- a/Course/Detail/Classic/Content/Main.ui.qml
+++ b/Course/Detail/Classic/Content/Main.ui.qml
@@ -2,6 +2,8 @@ import QtQuick 2.15
 import QtQuick.Controls 2.15
 import QtQuick.Layouts 1.15
 import QtGraphicalEffects 1.15
+import Eduport 1.4
+import "../../../../DropShadow" as DrpShdw
 import "../../../../Label" as Lbl
 import "../../../../Button/NavLink" as NavLink
 import "Main/TabContents" as MainTabContents
@@ -14,27 +16,31 @@ ColumnLayout {
 		Layout.fillWidth: true
 		Layout.leftMargin: 15
 		Layout.rightMargin: 15
-		implicitHeight: rectangle.height
-
-		DropShadow {
-			source: rectangle
-			color: "#4d000000"
-			verticalOffset: 4
-			radius: 12
-			samples: 12
-			anchors.fill: rectangle
-		}
+		implicitHeight: content.height
 
 		Rectangle {
-			id: rectangle
-			radius: 5.2
+			id: content
+			color: Eduport.bsBodyBg
 			anchors {
 				left: parent.left
 				right: parent.right
 			}
 			implicitHeight: tabs.height + tabContents.height + 83.2
 
+			DrpShdw.Box {
+				source: rectangle
+				anchors.fill: rectangle
+			}
+
+			Rectangle {
+				id: rectangle
+				anchors.fill: container
+				color: Eduport.bsCardBg
+				radius: 5.2
+			}
+
 			ColumnLayout {
+				id: container
 				anchors {
 					left: parent.left
 					right: parent.right