fix: Modify the SearchEdit style in window mode and add a hover effect.

Modify the SearchEdit style in window mode and add a hover effect. Log: Influence: Issue: linuxdeepin/developer-center#7774 Issue: linuxdeepin/developer-center#7775
robertkill · Apr 10, 2024 · 98c69a0 · 98c69a0
1 parent 0c7dea2
commit 98c69a0
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/qml/windowed/BottomBar.qml b/qml/windowed/BottomBar.qml
@@ -33,30 +33,37 @@ Control {
             id: searchEdit
 
             Layout.preferredWidth: 360
-            anchors.centerIn: parent
+            Layout.alignment: Qt.AlignHCenter
             Layout.preferredHeight: 30
             placeholder: qsTr("Search")
             onTextChanged: {
                 console.log(text)
                 SearchFilterProxyModel.setFilterRegularExpression(text.trim())
                 SearchFilterProxyModel.invalidate()
             }
+            ColorSelector.family: Palette.CrystalColor
 
             property Palette edittingPalette: Palette {
                 normal {
-                    common: Qt.rgba(0, 0, 0, 0.1)
+                    crystal: Qt.rgba(0, 0, 0, 0.1)
                 }
                 normalDark {
-                    common: Qt.rgba(1, 1, 1, 0.1)
+                    crystal: Qt.rgba(1, 1, 1, 0.1)
                 }
             }
 
             property Palette nomalPalette: Palette {
                 normal {
-                    common: ("transparent")
+                    crystal: ("transparent")
                 }
                 normalDark {
-                    common: ("transparent")
+                    crystal: ("transparent")
+                }
+                hovered {
+                    crystal:  Qt.rgba(0, 0, 0, 0.05)
+                }
+                hoveredDark {
+                    crystal:  Qt.rgba(1, 1, 1, 0.05)
                 }
             }