new spin box, textfield and searchbar

2026-06-30 13:25:12 +02:00
parent 437f935f73
commit 157bdd8fd9
19 changed files with 641 additions and 1055 deletions
@@ -1,5 +1,6 @@
 import QtQuick
 import QtQuick.Layouts
+import qs.Components
 import qs.Modules.SettingsNew.NavPane
 import qs.Config

@@ -11,8 +12,28 @@ ColumnLayout {
 	spacing: Appearance.spacing.large

 	SearchBar {
+		id: searchField
+
 		Layout.fillWidth: true
-		sState: root.sState
+		bg.border.color: DynamicColors.palette.m3outlineVariant
+		bg.color: DynamicColors.tPalette.m3surfaceContainerLowest
+		clearIcon.font.pointSize: Appearance.font.size.large
+		clearIcon.padding: Appearance.padding.extraSmall
+		font.pointSize: Appearance.font.size.normal
+		placeholderText: qsTr("Search settings")
+		searchIcon.anchors.leftMargin: Appearance.padding.largeIncreased
+		searchIcon.font.pointSize: Appearance.font.size.large
+
+		Behavior on bg.border.color {
+			CAnim {
+			}
+		}
+
+		Binding {
+			property: "searchOpen"
+			target: root.sState
+			value: searchField.text.length > 0
+		}
 	}

 	NavLocations {