From 2cf3e72be21545981f27b838832a055d1dc27489 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=A6=8C=EA=A6=AB=EA=A6=B6=EA=A6=8F=EA=A7=80=EA=A6=A6?= =?UTF-8?q?=EA=A6=BF=EA=A6=A7=EA=A6=AE=EA=A6=91=EA=A6=A9=EA=A6=AD=EA=A7=80?= Date: Thu, 23 Mar 2023 15:10:21 +0800 Subject: NavLinks replace TabItem --- Button/NavLink.ui.qml | 21 +++++++++++++++++++++ Button/NavLink/TabsLine.ui.qml | 19 +++++++++++++++++++ 2 files changed, 40 insertions(+) create mode 100644 Button/NavLink.ui.qml create mode 100644 Button/NavLink/TabsLine.ui.qml (limited to 'Button') diff --git a/Button/NavLink.ui.qml b/Button/NavLink.ui.qml new file mode 100644 index 0000000..45bffe3 --- /dev/null +++ b/Button/NavLink.ui.qml @@ -0,0 +1,21 @@ +import QtQuick 2.15 +import QtQuick.Controls 2.15 +import Bootstrap 5.3 + +Btn { + id: button + font: Bootstrap.bodyFont + contentItem: Text { + text: modelData + font: button.font + color: checked + ? Bootstrap.navPillsLinkActiveColor : Bootstrap.primary + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + } + background: Rectangle { + color: checked + ? Bootstrap.navPillsLinkActiveBg : Bootstrap.btnBg + radius: Bootstrap.navPillsBorderRadius + } +} diff --git a/Button/NavLink/TabsLine.ui.qml b/Button/NavLink/TabsLine.ui.qml new file mode 100644 index 0000000..0d17f21 --- /dev/null +++ b/Button/NavLink/TabsLine.ui.qml @@ -0,0 +1,19 @@ +import QtQuick 2.15 +import QtQuick.Controls 2.15 +import Bootstrap 5.3 +import ".." + +NavLink { + id: button + contentItem: Text { + text: modelData + font: button.font + color: Bootstrap.primary + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + } + background: Rectangle { + color: checked ? "#1a066ac9" : Bootstrap.btnBg + radius: Bootstrap.navPillsBorderRadius + } +} -- cgit v1.2.3