1
0

qml: override default Material styling for toolbar, use grays

This commit is contained in:
Sander van Grieken
2023-02-07 12:23:14 +01:00
parent 73004b4993
commit 78d68d00e0

View File

@@ -2,6 +2,7 @@ import QtQuick 2.6
import QtQuick.Layouts 1.0 import QtQuick.Layouts 1.0
import QtQuick.Controls 2.3 import QtQuick.Controls 2.3
import QtQuick.Controls.Material 2.0 import QtQuick.Controls.Material 2.0
import QtQuick.Controls.Material.impl 2.12
import QtQml 2.6 import QtQml 2.6
import QtMultimedia 5.6 import QtMultimedia 5.6
@@ -35,6 +36,17 @@ ApplicationWindow
header: ToolBar { header: ToolBar {
id: toolbar id: toolbar
background: Rectangle {
implicitHeight: 48
color: Material.dialogColor
layer.enabled: true
layer.effect: ElevationEffect {
elevation: 4
fullWidth: true
}
}
ColumnLayout { ColumnLayout {
spacing: 0 spacing: 0
width: parent.width width: parent.width
@@ -52,6 +64,12 @@ ApplicationWindow
Layout.preferredHeight: 1 Layout.preferredHeight: 1
} }
Image {
source: '../../icons/wallet.png'
Layout.preferredWidth: constants.iconSizeSmall
Layout.preferredHeight: constants.iconSizeSmall
}
Label { Label {
Layout.preferredHeight: Math.max(implicitHeight, toolbarTopLayout.height) Layout.preferredHeight: Math.max(implicitHeight, toolbarTopLayout.height)
text: stack.currentItem.title text: stack.currentItem.title