2 files changed, 61 insertions, 0 deletions
diff --git a/forms/TaskForm.ui.qml b/forms/TaskForm.ui.qml
new file mode 100644
index 0000000..6010b57
--- /dev/null
+++ b/forms/TaskForm.ui.qml
@@ -0,0 +1,41 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.12
+import QtQuick.Layouts 1.12
+
+RowLayout {
+    property alias task: task
+    property alias checkBox: checkBox
+
+    id: task
+    width: fillWidth
+    height: 54
+    anchors.topMargin: 8
+    anchors.right: parent.right
+    anchors.rightMargin: 0
+    anchors.left: parent.left
+    anchors.leftMargin: 0
+    spacing: 8
+
+    CheckBox {
+        id: checkBox
+        text: qsTr("This is a task title")
+        padding: 8
+        rightPadding: 16
+        leftPadding: 16
+        bottomPadding: 16
+        topPadding: 16
+        Layout.fillHeight: true
+        Layout.fillWidth: true
+        font.family: "Google Sans"
+        font.pointSize: 16
+        font.weight: Font.Medium
+        spacing: 24
+    }
+    RoundButton {
+        id: chevronRight
+        flat: true
+        icon.name: "chevron-right-icon"
+        icon.source: "/assets/chevron-right-24px.svg"
+        icon.color: "#99000000"
+    }
+}
diff --git a/forms/TaskListForm.ui.qml b/forms/TaskListForm.ui.qml
new file mode 100644
index 0000000..87f1b1c
--- /dev/null
+++ b/forms/TaskListForm.ui.qml
@@ -0,0 +1,20 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.12
+import QtQuick.Controls.Material 2.12
+
+ListView {
+	width: 362
+	height: parent.height
+	anchors.topMargin: 8
+	anchors.right: parent.right
+	anchors.rightMargin: 0
+	anchors.left: parent.left
+	anchors.leftMargin: 0
+	spacing: 12
+
+	Rectangle {
+		id: rectangle
+		anchors.fill: parent
+		z: -1
+	}
+}