blob: d4d374702c4f3689145407a4f6cb5731d6bea026 (
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 QtGraphicalEffects 1.15
import Bootstrap 5.3
Item {
width: 360
RowLayout {
id: rowLayout
anchors.fill: parent
ColumnLayout {
id: messageOut
Layout.alignment: Qt.AlignLeft | Qt.AlignBottom
Layout.fillWidth: true
Layout.fillHeight: true
Rectangle {
id: rectangle
width: messageOutText.width
height: messageOutText.height
color: "#2787f5"
radius: 16
Layout.maximumHeight: messageOutText.height
Layout.maximumWidth: memessageOutText.width
Layout.minimumHeight: messageOutText.height
Layout.minimumWidth: memessageOutText.width
Layout.fillWidth: true
Label {
id: messageOutText
text: qsTr("Hey, Marshall! How are you? Can you please change the color theme of the website to pink and purple? 😂")
wrapMode: Text.Wrap
rightPadding: 20
leftPadding: 20
bottomPadding: 16
topPadding: 16
Layout.fillWidth: true
width: messageOut.width
}
}
Label {
id: messageTimestamp
text: qsTr("08:45 PM")
Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
}
}
Rectangle {
id: messageOutAvatar
width: 64
height: 64
color: "#ffffff"
radius: 100
Layout.maximumHeight: 64
Layout.maximumWidth: 64
Layout.minimumHeight: 24
Layout.minimumWidth: 24
Layout.preferredHeight: 64
Layout.preferredWidth: 64
Layout.alignment: Qt.AlignRight | Qt.AlignBottom
}
}
}
|
