From f70e4437a2564a8a14d0c3c6e7d859142f33c97e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=A6=8C=EA=A6=AB=EA=A6=B6=EA=A6=8F=EA=A7=80=EA=A6=A6?=
 =?UTF-8?q?=EA=A6=BF=EA=A6=A7=EA=A6=AE=EA=A6=91=EA=A6=A9=EA=A6=AD=EA=A7=80?=
 <erik@darapsa.co.id>
Date: Sun, 25 Sep 2022 17:58:53 +0800
Subject: Draft Card Item

---
 CardItem.ui.qml | 87 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 87 insertions(+)
 create mode 100644 CardItem.ui.qml

(limited to 'CardItem.ui.qml')

diff --git a/CardItem.ui.qml b/CardItem.ui.qml
new file mode 100644
index 0000000..138ed01
--- /dev/null
+++ b/CardItem.ui.qml
@@ -0,0 +1,87 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+
+Rectangle {
+	id: rectangle
+	width: 300
+	height: 480
+
+	Image {
+		id: image
+		source: "darapsa.svg"
+		sourceSize.width: parent.width
+		sourceSize.height: 224
+	}
+
+	Item {
+		id: body
+		width: parent.width
+		anchors.top: image.bottom
+		anchors.bottom: parent.bottom
+
+		Item {
+			id: badgeAndFavorite
+			height: favorite.height
+
+			anchors {
+				top: parent.top
+				left: parent.left
+				leftMargin: 16
+				right: parent.right
+				rightMargin: 16
+			}
+
+			Label {
+				text: qsTr("Beginner")
+				anchors {
+					verticalCenter: parent.verticalCenter
+					left: parent.left
+					leftMargin: 8
+				}
+			}
+
+			Image {
+				id: favorite
+				source: "Font-Awesome/svgs/solid/heart.svg"
+				sourceSize.width: 16
+				sourceSize.height: 16
+				anchors {
+					right: parent.right
+					rightMargin: 8
+				}
+			}
+		}
+
+		Label {
+			id: title
+			text: qsTr("Sketch from A to Z: for app designer")
+			wrapMode: Text.Wrap
+			anchors {
+				top: badgeAndFavorite.bottom
+				topMargin: 16
+				left: parent.left
+				leftMargin: 16
+				right: parent.right
+				rightMargin: 16
+			}
+			font.weight: Font.Bold
+			font.pointSize: 16
+		}
+
+		Label {
+			id: comment
+			text: qsTr("Rooms oh fully taken by worse do Points afraid but may end Rooms Points afraid but may end Rooms")
+			wrapMode: Text.Wrap
+			anchors {
+				top: title.bottom
+				topMargin: 16
+				bottom: parent.bottom
+				bottomMargin: 16
+				left: parent.left
+				leftMargin: 16
+				right: parent.right
+				rightMargin: 16
+			}
+		}
+	}
+}
-- 
cgit v1.2.3