summaryrefslogtreecommitdiff
path: root/RecentlyViewedCard.ui.qml
blob: 30e024f056bff76b94003f31c2fd7d902d446631 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import QtGraphicalEffects 1.15

Rectangle {
	id: recentlyViewedCard
	Layout.fillWidth: true
	implicitHeight: recentlyCardContent.height
	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
					}
				}
			}
		}
	}
}