remove drop shadow for now. add placeholder rectangle and texts.

1 files 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
 	}
 }