From 729bc79302151aba277e0079a935668dc8bfb15d 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: Thu, 20 Oct 2022 18:02:37 +0800
Subject: Detail card buttons

---
 DetailCardItem.ui.qml | 66 ++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 65 insertions(+), 1 deletion(-)

(limited to 'DetailCardItem.ui.qml')

diff --git a/DetailCardItem.ui.qml b/DetailCardItem.ui.qml
index f2f6ca5..068c387 100644
--- a/DetailCardItem.ui.qml
+++ b/DetailCardItem.ui.qml
@@ -50,12 +50,76 @@ Item {
 
 		Item {
 			id: body
-			width: parent.width
+			width: parent.width - 16
 			anchors {
 				top: image.bottom
+				horizontalCenter: parent.horizontalCenter
 				bottom: parent.bottom
+				bottomMargin: 8
+			}
+
+			Item {
+				id: info
+				width: parent.width - 32
+				anchors {
+					top: parent.top
+					topMargin: 16
+					horizontalCenter: parent.horizontalCenter
+					bottom: buttons.top
+					bottomMargin: 16
+				}
 			}
 
+			Item {
+				id: buttons
+				width: parent.width - 32
+				height: 40.5
+				anchors {
+					horizontalCenter: parent.horizontalCenter
+					bottom: parent.bottom
+					bottomMargin: 16
+				}
+
+				Button {
+					id: trial
+					text: qsTr("Free trial")
+					contentItem: Text {
+						text: trial.text
+						font.pixelSize: 15
+						color: trial.down ? "#ffffff"
+						: "#066ac9"
+					}
+					background: Rectangle {
+						color: trial.down ? "#066ac9"
+						: "#ffffff"
+						border.color: "#066ac9"
+						radius: 8
+					}
+					height: parent.height
+					anchors.left: parent.left
+				}
+
+				Button {
+					id: buy
+					text: qsTr("Buy course")
+					contentItem: Text {
+						text: buy.text
+						font.pixelSize: 15
+						color: "#ffffff"
+					}
+					background: Rectangle {
+						color: buy.down ? "#0aa073"
+						: "#0cbc87"
+						border.color: buy.down
+						? "#0a966c" : "#0cbc87"
+						radius: 8
+					}
+					height: parent.height
+					anchors.right: parent.right
+				}
+			}
 		}
 	}
+
+	height: width * 1.2
 }
-- 
cgit v1.2.3