summaryrefslogtreecommitdiff
path: root/RecentlyViewedCard.ui.qml
blob: 3572dbf1edfb8cc245f9bdef2d849a0d24a774e9 (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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
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
	
	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"
				height: 80
				width: 100
				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: "#0cbc87"
						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
					}
				}
			}
		}
		RowLayout {
			Layout.fillWidth: true
			Layout.fillHeight: true
			spacing: 16
			Layout.leftMargin: 24
			Layout.rightMargin: 24
			Layout.bottomMargin: 24
			Rectangle {
				color: "#eee"
				height: 80
				width: 100
				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: "#0cbc87"
						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
					}
				}
			}
		}
	}
}