From 07de86882d5fc6a825c2ab45bb937bf684a52597 Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anatasof.wirapraja@gmail.com>
Date: Thu, 9 Feb 2023 08:57:38 +0700
Subject: remove drop shadow for now. add placeholder rectangle and texts.

---
 RecentlyViewedCard.ui.qml | 65 ++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 59 insertions(+), 6 deletions(-)

diff --git a/RecentlyViewedCard.ui.qml b/RecentlyViewedCard.ui.qml
index c24eee3..30e024f 100644
--- a/RecentlyViewedCard.ui.qml
+++ b/RecentlyViewedCard.ui.qml
@@ -10,24 +10,77 @@ Rectangle {
 	color: "#ffffff"
 	radius: 8
 	anchors.margins: 24
-
+	
+/*
+	DropShadow {
+		source: recentlyViewedCard
+		color: Qt.rgba(.0, .0, .0, .30)
+		anchors.fill: recentlyViewedCard
+	}
+*/
 	ColumnLayout {
 		id: recentlyCardContent
 		anchors {
 			left: parent.left
 			right: parent.right
 		}
+		spacing: 16
 		Label {
 			text: qsTr("Recently viewed")
 			font.pointSize: 22
 			font.family: "roboto"
 			color: "#000000"
 			Layout.fillWidth: true
+			Layout.leftMargin: 24
+			Layout.topMargin: 24
+			Layout.rightMargin: 24
+		}
+		RowLayout {
+			Layout.fillWidth: true
+			Layout.fillHeight: true
+			spacing: 16
+			Layout.leftMargin: 24
+			Layout.rightMargin: 24
+			Rectangle {
+				color: "#eee"
+				implicitHeight: 80
+				implicitWidth: 100
+				Layout.fillWidth: true
+				radius: 8
+			}
+			ColumnLayout {
+				Layout.fillWidth: true
+				Layout.fillHeight: true
+				Label {
+					text: qsTr("Course title")
+					font.pointSize: 14
+					font.family: "roboto"
+					font.styleName: "Medium"
+					color: "#000000"
+					Layout.fillWidth: true
+				}
+				RowLayout {
+					Layout.fillWidth: true
+					Layout.fillHeight: true
+					Label {
+						text: qsTr("$")
+						font.pointSize: 14
+						font.family: "roboto"
+						font.styleName: "Medium"
+						color: "#000000"
+						Layout.fillWidth: true
+					}
+					Label {
+						text: qsTr("4.5")
+						horizontalAlignment: Text.AlignRight
+						font.pointSize: 14
+						font.family: "roboto"
+						font.styleName: "Medium"
+						color: "#000000"
+						Layout.fillWidth: true
+					}
+				}
+			}
 		}
-	}
-	DropShadow {
-		source: recentlyViewedCard
-		color: Qt.rgba(.0, .0, .0, .30)
-		anchors.fill: recentlyViewedCard
 	}
 }
-- 
cgit v1.2.3