blob: 1ac3ae997570a3f8e859ddeb090b72585d516c4e (
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
|
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
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
}
}
}
|
