ChatForm.ui.qml


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

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
	height: 64

	Rectangle {
		id: roundedPill
		color: "#cc95aac9"
		radius: 100
		anchors.fill: parent

		RowLayout {
			anchors.fill: parent
			anchors.rightMargin: 8
			anchors.leftMargin: 8
			anchors.bottomMargin: 8
			anchors.topMargin: 8
			RoundButton {
				id: attachment
				display: AbstractButton.IconOnly
				flat: true
			}

			TextField {
				id: chatFormInput
				Layout.fillWidth: true
				placeholderText: qsTr("Type your message...")
			}

			RoundButton {
				id: emoji
				flat: true
				display: AbstractButton.IconOnly
				highlighted: false
			}

			RoundButton {
				id: send
				display: AbstractButton.IconOnly
				highlighted: false
			}
		}
	}
}