summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id>2023-02-16 17:21:51 +0800
committerꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id>2023-02-16 17:21:51 +0800
commita5fe5804373b27d383eb9c0b1a84e2ec030f506b (patch)
tree0c5454a6873c66f06c1b2d42f6213dab836d928e
parentfbfffb21f24b9f8889e7fa55841aa81752698477 (diff)
parent4c7200581957f889fe745def6b840a0f2c0eb9c8 (diff)
Merge remote-tracking branch 'anata/master'
-rw-r--r--MostPopularWithTab.ui.qml82
1 files changed, 82 insertions, 0 deletions
diff --git a/MostPopularWithTab.ui.qml b/MostPopularWithTab.ui.qml
new file mode 100644
index 0000000..e9be112
--- /dev/null
+++ b/MostPopularWithTab.ui.qml
@@ -0,0 +1,82 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+ColumnLayout {
+ spacing: 8
+ FontLoader {
+ id: roboto
+ source: doesntEmbed ? ""
+ : "Roboto/Roboto-Medium.ttf"
+ }
+
+ Label {
+ text: qsTr("Most Popular Courses")
+ color: "#24292d"
+ horizontalAlignment: Text.AlignHCenter
+ wrapMode: Text.Wrap
+ Layout.fillWidth: true
+ font {
+ family: doesntEmbed
+ ? "Roboto"
+ : roboto.name
+ pointSize: 44
+ }
+ }
+
+ Label {
+ text: qsTr("Choose from hundreds of courses from specialist organizations")
+ color: "#747579"
+ horizontalAlignment: Text.AlignHCenter
+ wrapMode: Text.Wrap
+ Layout.fillWidth: true
+ font {
+ family: doesntEmbed
+ ? "Roboto"
+ : roboto.name
+ pointSize: 14
+ }
+ }
+ TabBar {
+ background: Rectangle{
+ color: "#1a066ac9"
+ radius: 8
+ }
+ Layout.fillWidth: true
+ implicitHeight: 58
+ Layout.margins: 16
+ padding: 16
+ TabButton {
+ text: qsTr("First")
+ anchors.verticalCenter: parent.verticalCenter
+ Layout.fillWidth: true
+ Layout.leftMargin: 16
+ background: Rectangle {
+ radius: 8
+ }
+ }
+ TabButton {
+ text: qsTr("Second")
+ anchors.verticalCenter: parent.verticalCenter
+ Layout.fillWidth: true
+ background: Rectangle {
+ radius: 8
+ }
+
+ }
+ TabButton {
+ text: qsTr("Third")
+ anchors.verticalCenter: parent.verticalCenter
+ Layout.fillWidth: true
+ background: Rectangle {
+ radius: 8
+ }
+ contentItem: Text {
+ color: "#000000"
+ text: "Third"
+ horizontalAlignment: Text.AlignHCenter
+ verticalAlignment: Text.AlignVCenter
+ }
+ }
+ }
+}