Make the search message dialog header way prettier, like it is in KCMs

I think I've heard of this before...
This commit is contained in:
Joshua Goins
2024-01-13 16:37:17 -05:00
parent 08a0fbfd6b
commit 2247a2a7af

View File

@@ -26,22 +26,36 @@ Kirigami.ScrollablePage {
room: root.currentRoom room: root.currentRoom
} }
header: RowLayout { header: QQC2.Control {
Kirigami.SearchField { padding: Kirigami.Units.largeSpacing
id: searchField
focus: true background: Rectangle {
Layout.topMargin: Kirigami.Units.smallSpacing color: Kirigami.Theme.backgroundColor
Layout.leftMargin: Kirigami.Units.smallSpacing
Layout.fillWidth: true Kirigami.Separator {
Keys.onEnterPressed: searchButton.clicked() anchors {
Keys.onReturnPressed: searchButton.clicked() left: parent.left
bottom: parent.bottom
right: parent.right
}
}
} }
QQC2.Button {
id: searchButton contentItem: RowLayout {
Layout.topMargin: Kirigami.Units.smallSpacing spacing: Kirigami.Units.largeSpacing
Layout.rightMargin: Kirigami.Units.smallSpacing
onClicked: searchModel.search() Kirigami.SearchField {
icon.name: "search" id: searchField
focus: true
Layout.fillWidth: true
Keys.onEnterPressed: searchButton.clicked()
Keys.onReturnPressed: searchButton.clicked()
}
QQC2.Button {
id: searchButton
onClicked: searchModel.search()
icon.name: "search"
}
} }
} }