Heading attached property is used instead of Hx

3 files changed, 12 insertions, 4 deletions

diff --git a/Home/Default.ui.qml b/Home/Default.ui.qml
index 039063e..e47b074 100644
--- a/Home/Default.ui.qml
+++ b/Home/Default.ui.qml
@@ -2,6 +2,7 @@ import QtQuick 2.15
 import QtQuick.Controls 2.15
 import QtQuick.Layouts 1.15
 import QtGraphicalEffects 1.15
+import Bootstrap 5.3
 import Eduport 1.4
 import ".."
 import "../Label" as Lbl
@@ -193,8 +194,10 @@ Flickable {
 			ColumnLayout {
 				Layout.bottomMargin: 25.6
 
-				Lbl.H1 {
+				Label {
 					text: qsTr("Most Popular Courses")
+					wrapMode: Label.Wrap
+					Bootstrap.heading: 1
 					horizontalAlignment: Text.AlignHCenter
 					Layout.fillWidth: true
 					Layout.bottomMargin: 8
diff --git a/Home/Default/Card.ui.qml b/Home/Default/Card.ui.qml
index 72ce3d1..50f348c 100644
--- a/Home/Default/Card.ui.qml
+++ b/Home/Default/Card.ui.qml
@@ -2,6 +2,7 @@ import QtQuick 2.15
 import QtQuick.Controls 2.15
 import QtQuick.Layouts 1.15
 import QtGraphicalEffects 1.15
+import Bootstrap 5.3
 import Eduport 1.4
 import "../../DropShadow" as DrpShdw
 import "../../Label" as Lbl
@@ -127,9 +128,11 @@ Item {
 				}
 			}
 
-			Lbl.H5 {
+			Label {
 				id: title
 				text: titleText
+				wrapMode: Label.Wrap
+				Bootstrap.heading: 5
 				color: Eduport.bsCardTitleColor
 				Layout.fillWidth: true
 				Layout.bottomMargin: 8
diff --git a/Home/Default/Counter.ui.qml b/Home/Default/Counter.ui.qml
index 41d79f4..16873e2 100644
--- a/Home/Default/Counter.ui.qml
+++ b/Home/Default/Counter.ui.qml
@@ -1,8 +1,8 @@
 import QtQuick 2.15
 import QtQuick.Controls 2.15
 import QtQuick.Layouts 1.15
+import Bootstrap 5.3
 import Eduport 1.4
-import "../../Label" as Lbl
 
 Item {
 	Rectangle {
@@ -38,8 +38,10 @@ Item {
 					leftMargin: 25.6
 				}
 
-				Lbl.H5 {
+				Label {
 					text: count
+					wrapMode: Label.Wrap
+					Bootstrap.heading: 5
 					Layout.fillWidth: true
 				}