1 files changed, 50 insertions, 9 deletions
diff --git a/TransactionForm.ui.qml b/TransactionForm.ui.qml
index 763a247..3e31ca2 100644
--- a/TransactionForm.ui.qml
+++ b/TransactionForm.ui.qml
@@ -1,16 +1,57 @@
 import QtQuick 2.15
 import QtQuick.Controls 2.15
-import QtQuick.Layouts 1.15
+import QtQuick.Controls.Material 2.15
 
-ColumnLayout {
-	TextField {
-	}
-	TextField {
-	}
-	TextField {
+Rectangle {
+	color: "#121212"
+	border.color: "#00000000"
+
+	TextInput {
+		id: addCustomer
+		height: 56
+		color: "#deffffff"
+		text: "Add Customer"
+		anchors.left: parent.left
+		anchors.right: parent.right
+		anchors.top: parent.top
+		font.pixelSize: 20
+		verticalAlignment: Text.AlignVCenter
+		font.family: "Roboto Mono"
+		selectionColor: "#ffffff"
+		anchors.rightMargin: 16
+		anchors.leftMargin: 16
+		anchors.topMargin: 16
 	}
-	TextField {
+
+	TextInput {
+		id: addProduct
+		height: 56
+		color: "#deffffff"
+		text: "Add Product"
+		anchors.left: parent.left
+		anchors.right: parent.right
+		anchors.top: addCustomer.bottom
+		font.pixelSize: 20
+		verticalAlignment: Text.AlignVCenter
+		selectionColor: "#ffffff"
+		anchors.rightMargin: 16
+		anchors.leftMargin: 16
+		font.family: "Roboto Mono"
+		anchors.topMargin: 16
 	}
-	TextField {
+
+	Button {
+		id: submit
+		text: "Tagih"
+		anchors.left: parent.left
+		anchors.right: parent.right
+		anchors.bottom: parent.bottom
+		font.capitalization: Font.MixedCase
+		font.family: "Roboto Mono"
+		anchors.rightMargin: 16
+		anchors.leftMargin: 16
+		anchors.bottomMargin: 16
+		highlighted: true
+		Material.accent: Material.Grey
 	}
 }