status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: finish chat box and add separator

This commit is contained in:
Jonathan Rainville 2020-05-12 15:43:30 -04:00 committed by Iuri Matias
parent 14bcf05ef5
commit ef20924abc
2 changed files with 135 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
imports/Theme.qml
View File

@ -10,5 +10,5 @@ QtObject {
readonly property color darkGrey: "#939BA1"
readonly property int padding: 16
readonly property int smallPadding: 16
readonly property int smallPadding: 10
}

67
main.qml
View File

@ -372,14 +372,13 @@ ApplicationWindow {
RowLayout {
id: chatContainer
width: 100
height: 100
Layout.fillWidth: true
Layout.fillHeight: true
Layout.alignment: Qt.AlignLeft | Qt.AlignTop
Rectangle {
id: chatBox
width: 200
height: 158
height: 140
color: "#00000000"
Layout.alignment: Qt.AlignLeft | Qt.AlignTop
Layout.fillWidth: true
@ -436,6 +435,58 @@ ApplicationWindow {
}
}
RowLayout {
id: separator
height: 16
Layout.fillWidth: true
Layout.alignment: Qt.AlignLeft | Qt.AlignTop
anchors.top: chatContainer.bottom
anchors.topMargin: Theme.padding
Item {
id: separatorContent
width: 200
height: 16
Layout.fillHeight: false
Layout.fillWidth: true
Rectangle {
id: lineSeparator1
height: 1
color: "#00000000"
border.color: "#eef2f5"
anchors.top: parent.top
anchors.topMargin: 8
anchors.right: separatorText.left
anchors.rightMargin: 14
anchors.left: parent.left
anchors.leftMargin: 16
}
Text {
id: separatorText
color: Theme.darkGrey
text: qsTr("Yesterday")
font.pixelSize: 12
anchors.centerIn: parent
}
Rectangle {
id: lineSeparator2
height: 1
color: "#00000000"
anchors.right: parent.right
anchors.rightMargin: 16
anchors.left: separatorText.right
border.color: "#eef2f5"
anchors.top: parent.top
anchors.leftMargin: 14
anchors.topMargin: 8
}
}
}
RowLayout {
Layout.fillHeight: true
TextArea { id: callResult; Layout.fillWidth: true; text: logic.callResult; readOnly: true }
@ -454,6 +505,8 @@ ApplicationWindow {
}
}
}
}
@ -480,8 +533,4 @@ ApplicationWindow {
}
/*##^##
Designer {
D{i:0;formeditorZoom:0.8999999761581421}
}
##^##*/