add Floating Action Button

3 files changed, 31 insertions, 0 deletions

diff --git a/assets/add-24px.svg b/assets/add-24px.svg
new file mode 100644
index 0000000..ff2ae4c
--- /dev/null
+++ b/assets/add-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
\ No newline at end of file
diff --git a/kelakon.qrc b/kelakon.qrc
index d6251ff..c426334 100644
--- a/kelakon.qrc
+++ b/kelakon.qrc
@@ -23,5 +23,6 @@
         <file>assets/menu-24px.svg</file>
         <file>assets/check-box-outline-24px.svg</file>
         <file>assets/chevron-right-24px.svg</file>
+        <file>assets/add-24px.svg</file>
     </qresource>
 </RCC>
diff --git a/pages/HomeForm.ui.qml b/pages/HomeForm.ui.qml
index b16d95b..3cf2ad9 100644
--- a/pages/HomeForm.ui.qml
+++ b/pages/HomeForm.ui.qml
@@ -86,6 +86,35 @@ Rectangle {
             icon.color: "#99000000"
         }
     }
+
+    RoundButton {
+        id: roundButton
+        width: 144
+        spacing: 8
+        height: 64
+
+        text: qsTr("New task")
+        padding: 16
+        font.capitalization: Font.MixedCase
+        font.family: "Google Sans"
+        font.pointSize: 16
+        font.weight: Font.Medium
+
+        rightPadding: 24
+        leftPadding: 16
+        bottomPadding: 16
+        topPadding: 16
+        autoExclusive: false
+        focusPolicy: Qt.NoFocus
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: 16
+        anchors.right: parent.right
+        anchors.rightMargin: 16
+        highlighted: true
+
+        icon.name: "add-icon"
+        icon.source: "/assets/add-24px.svg"
+    }
 }