Single text list item form

with Roboto Mono Bold.

2 files changed, 43 insertions, 0 deletions

diff --git a/components/ListItemSingleTextForm.ui.qml b/components/ListItemSingleTextForm.ui.qml
new file mode 100644
index 0000000..7bcfe02
--- /dev/null
+++ b/components/ListItemSingleTextForm.ui.qml
@@ -0,0 +1,43 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+
+Item {
+	property alias title: title
+
+	width: 328
+	height: 64
+
+	Image {
+		id: image
+		width: 32
+		anchors.left: parent.left
+		anchors.top: parent.top
+		anchors.bottom: parent.bottom
+		anchors.leftMargin: 16
+		anchors.topMargin: 16
+		anchors.bottomMargin: 16
+		fillMode: Image.PreserveAspectFit
+	}
+
+	FontLoader {
+		id: robotoMonoBold
+		source: "../fonts/RobotoMono-Bold.ttf"
+	}
+
+	Text {
+		id: title
+		width: 208
+		text: qsTr("Project name")
+		anchors.left: image.right
+		anchors.top: parent.top
+		anchors.bottom: parent.bottom
+		anchors.leftMargin: 16
+		anchors.topMargin: 20
+		anchors.bottomMargin: 20
+		lineHeight: 24
+		verticalAlignment: Text.AlignVCenter
+		font.family: robotoMonoBold.name
+		font.pixelSize: 16
+		font.letterSpacing: 0.15
+	}
+}
diff --git a/fonts/RobotoMono-Bold.ttf b/fonts/RobotoMono-Bold.ttf
new file mode 100644
index 0000000..900fce6
--- /dev/null
+++ b/fonts/RobotoMono-Bold.ttf