diff options
author | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-02-26 14:01:55 +0800 |
---|---|---|
committer | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-02-26 14:01:55 +0800 |
commit | 1bc4c08d0ff16af52bd395bc76c4af0d9e77569f (patch) | |
tree | 5589d2d7bb1fa39ac01e68ef40e831b992038a86 | |
parent | 01a515adb78c661d90207f0c63fc1fdc63d6511b (diff) |
Repeater for most popular tab buttons
-rw-r--r-- | HomeDefault.ui.qml | 87 |
1 files changed, 16 insertions, 71 deletions
diff --git a/HomeDefault.ui.qml b/HomeDefault.ui.qml index d561291..c9dd859 100644 --- a/HomeDefault.ui.qml +++ b/HomeDefault.ui.qml @@ -249,78 +249,23 @@ Flickable { Layout.fillWidth: true Layout.bottomMargin: 25.6 - TabButton { - id: webDesign - text: qsTr("Web Design") - horizontalPadding: 16 - verticalPadding: 8 - anchors { - rightMargin: 8 - bottomMargin: 8 - } - background: Rectangle { - color: "#066ac9" - radius: 5.2 - } - } - - TabButton { - id: development - text: qsTr("Development") - horizontalPadding: 16 - verticalPadding: 8 - anchors { - rightMargin: 8 - bottomMargin: 8 - } - background: Rectangle { - color: "#066ac9" - radius: 5.2 - } - } - - TabButton { - id: graphicDesign - text: qsTr("Graphic Design") - horizontalPadding: 16 - verticalPadding: 8 - anchors { - rightMargin: 8 - bottomMargin: 8 - } - background: Rectangle { - color: "#066ac9" - radius: 5.2 - } - } - - TabButton { - id: marketing - text: qsTr("Marketing") - horizontalPadding: 16 - verticalPadding: 8 - anchors { - rightMargin: 8 - bottomMargin: 8 - } - background: Rectangle { - color: "#066ac9" - radius: 5.2 - } - } + Repeater { + model: ["Web Design", "Development", + "Graphic Design", + "Marketing", "Finance"] - TabButton { - id: finance - text: qsTr("Finance") - horizontalPadding: 16 - verticalPadding: 8 - anchors { - rightMargin: 8 - bottomMargin: 8 - } - background: Rectangle { - color: "#066ac9" - radius: 5.2 + TabButton { + text: modelData + horizontalPadding: 16 + verticalPadding: 8 + anchors { + rightMargin: 8 + bottomMargin: 8 + } + background: Rectangle { + color: "#066ac9" + radius: 5.2 + } } } } |