Each header has its own QML

3 files changed, 4 insertions, 11 deletions

diff --git a/Home/Default.ui.qml b/Home/Default.ui.qml
index 4ff99b3..5d1a8ee 100644
--- a/Home/Default.ui.qml
+++ b/Home/Default.ui.qml
@@ -42,13 +42,11 @@ Flickable {
 				Layout.maximumWidth: body.width < 992
 					? body.width : body.width / 2
 
-				Lbl.Hx {
+				Lbl.Display6 {
 					text: bannerTitleText
 					color: "#24292d"
 					horizontalAlignment: Text.AlignHCenter
 					Layout.fillWidth: true
-					font.pointSize: 23.6
-							+ .027 * parent.width
 				}
 
 				Lbl.Body {
@@ -191,14 +189,12 @@ Flickable {
 			ColumnLayout {
 				Layout.bottomMargin: 25.6
 
-				Lbl.Hx {
+				Lbl.H1 {
 					text: qsTr("Most Popular Courses")
 					color: "#24292d"
 					horizontalAlignment: Text.AlignHCenter
 					Layout.fillWidth: true
 					Layout.bottomMargin: 8
-					font.pointSize: 22.5
-							+ .01875 * parent.width
 				}
 
 				Lbl.Body {
diff --git a/Home/Default/Card.ui.qml b/Home/Default/Card.ui.qml
index d2ad479..da56fdb 100644
--- a/Home/Default/Card.ui.qml
+++ b/Home/Default/Card.ui.qml
@@ -115,13 +115,12 @@ Item {
 				}
 			}
 
-			Lbl.Hx {
+			Lbl.H5 {
 				id: title
 				text: titleText
 				color: Qt.rgba(.141, .161, .176, 1.0)
 				Layout.fillWidth: true
 				Layout.bottomMargin: 8
-				font.pointSize: 20.1 + .00075 * parent.width
 
 				MouseArea {
 					id: titleArea
diff --git a/Home/Default/Counter.ui.qml b/Home/Default/Counter.ui.qml
index 77f1e74..f33344b 100644
--- a/Home/Default/Counter.ui.qml
+++ b/Home/Default/Counter.ui.qml
@@ -38,10 +38,8 @@ Item {
 					leftMargin: 25.6
 				}
 
-				Lbl.Hx {
+				Lbl.H5 {
 					text: count
-					font.pointSize: 20.1
-							+ .00075 * parent.width
 					Layout.fillWidth: true
 				}