summaryrefslogtreecommitdiff
path: root/Shop/Cart/Alert.ui.qml
blob: 4e306c3870dd6ce999503ed475abf902e1d7206a (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
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Eduport
import "../../TextField" as TxtFld
import "../../Label" as Lbl
import "../../Button" as Btn

Rectangle {
	id: alertContainer
	color: "#f8d7da"
	border.color: "#f1aeb5"
	height: alertContent.height
	width: alertContent.width
	radius: 8
	RowLayout {
		id: alertContent
		anchors.fill: parent
		spacing: 0
		Label {
			id: alertEmoji
			text: "🔥"
			Layout.bottomMargin: 16
			Layout.rightMargin: 8
			Layout.topMargin: 16
			Layout.leftMargin: 16
			font.pointSize: 21
		}
		Label {
			id: alertText
			color: "#b02a37"
			text: "These courses are at a limited discount, please checkout within"
			wrapMode: Text.Wrap
			Layout.bottomMargin: 16
			Layout.topMargin: 16
			Layout.rightMargin: 4
			font.pointSize: 21
		}
		Label {
			id: alertTime
			color: "#d6293e"
			text: "2 days and 18 hours"
			Layout.rightMargin: 8
			Layout.bottomMargin: 16
			Layout.topMargin: 16
			font.styleName: "Bold"
			font.pointSize: 21
			font.family: "Roboto"
		}
		Button {
			width: 40
			icon.source: "../../Bootstrap/icons/x.svg"
			flat: true
			checkable: true
			display: AbstractButton.IconOnly
			Layout.bottomMargin: 16
			Layout.topMargin: 16
			Layout.rightMargin: 8
			Layout.maximumHeight: 40
			Layout.maximumWidth: 40
			Layout.preferredHeight: 40
			Layout.preferredWidth: 40
			Layout.minimumHeight: 40
			Layout.minimumWidth: 40
		}
	}
}