summaryrefslogtreecommitdiff
path: root/MainTabBarForm.ui.qml
blob: 6a53398e570e3d91634b0ad20a0721637aba2e49 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
import QtQuick 2.15
import QtQuick.Controls 2.15

Rectangle {
	property alias leftTabButton: leftTabButton
	property alias middleTabButton: middleTabButton
	property alias rightTabButton: rightTabButton

	color: "#fcfcfc"
	width: 360
	height: 80

	FontLoader {
		id: robotoMono
		source: "fonts/RobotoMono-Regular.ttf"
	}

	TabBar {
		anchors.fill: parent

		TabButton {
			id: leftTabButton
			height: parent.height
			anchors.verticalCenter: parent.verticalCenter

			Image {
				source: "circle.png"
				anchors.horizontalCenter: parent.horizontalCenter
				anchors.top: parent.top
				anchors.topMargin: 22
			}

			Text {
				text: qsTr("Today")
				anchors.horizontalCenter: parent.horizontalCenter
				anchors.bottom: parent.bottom
				anchors.bottomMargin: 16
				font.family: robotoMono.name
			}
		}

		TabButton {
			id: middleTabButton
			height: parent.height
			anchors.verticalCenter: parent.verticalCenter

			Image {
				source: "triangle.png"
				anchors.horizontalCenter: parent.horizontalCenter
				anchors.top: parent.top
				anchors.topMargin: 22
			}

			Text {
				text: qsTr("Projects")
				anchors.horizontalCenter: parent.horizontalCenter
				anchors.bottom: parent.bottom
				anchors.bottomMargin: 16
				font.family: robotoMono.name
			}
		}

		TabButton {
			id: rightTabButton
			height: parent.height
			anchors.verticalCenter: parent.verticalCenter

			Image {
				source: "square.png"
				anchors.horizontalCenter: parent.horizontalCenter
				anchors.top: parent.top
				anchors.topMargin: 22
			}

			Text {
				text: qsTr("Label")
				anchors.horizontalCenter: parent.horizontalCenter
				anchors.bottom: parent.bottom
				anchors.bottomMargin: 16
				font.family: robotoMono.name
			}
		}
	}
}