diff options
| author | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-03-30 13:54:52 +0800 |
|---|---|---|
| committer | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-03-30 13:54:52 +0800 |
| commit | 2bd8d579e56c1373a4b8851d367ce80669b688a8 (patch) | |
| tree | 356510fe40d74f2f060378029faae7ee46abee81 /Header.ui.qml | |
| parent | 6023e0cef10b57aa7ab9388eac9535bf41a5fc06 (diff) | |
Header cart button
Diffstat (limited to 'Header.ui.qml')
| -rw-r--r-- | Header.ui.qml | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/Header.ui.qml b/Header.ui.qml index bf76de1..4cc507d 100644 --- a/Header.ui.qml +++ b/Header.ui.qml @@ -9,6 +9,7 @@ import "Label" as Lbl ToolBar { property alias logo: logo + property alias cart: cart property alias profile: profile property string imageSource: "https://eduport.webestica.com/assets/images/avatar/01.jpg" property alias menu: menu @@ -78,6 +79,50 @@ ToolBar { } ToolButton { + id: cart + padding: 0 + width: 40 + height: 40 + anchors { + right: profile.left + rightMargin: 12 + verticalCenter: parent.verticalCenter + } + layer { + enabled: true + effect: OpacityMask { + maskSource: Rectangle { + width: 40 + height: 40 + radius: 40 + } + } + } + contentItem: Item { + + Image { + anchors.centerIn: parent + source: "Bootstrap/icons/cart3.svg" + sourceSize.width: 18 + fillMode: Image.PreserveAspectFit + + ColorOverlay { + color: Eduport.bsGray900 + source: parent + anchors.fill: parent + } + } + } + background: Rectangle { + color: Eduport.bsLight + border { + color: Eduport.bsLight + width: 1 + } + } + } + + ToolButton { id: profile padding: 0 anchors { |