feat: introduce StatusWalletColorButton
This is a new button component that can be used to implement account wallet color pickers.
This commit is contained in:
parent
d9b2991a33
commit
7d8d69f746
|
@ -0,0 +1,38 @@
|
||||||
|
import QtQuick 2.13
|
||||||
|
import QtQuick.Controls 2.13
|
||||||
|
import "../../imports"
|
||||||
|
import "../../shared"
|
||||||
|
import "../../shared/status"
|
||||||
|
|
||||||
|
StatusIconButton {
|
||||||
|
id: control
|
||||||
|
property bool selected: false
|
||||||
|
icon.name: "walletIcon"
|
||||||
|
icon.width: 24
|
||||||
|
icon.height: 24
|
||||||
|
highlightedBackgroundColor: control.icon.color
|
||||||
|
highlightedBackgroundOpacity: 0.1
|
||||||
|
width: 44
|
||||||
|
height: 44
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
width: 16
|
||||||
|
height: 16
|
||||||
|
anchors.top: parent.top
|
||||||
|
anchors.topMargin: 2
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.rightMargin: 2
|
||||||
|
visible: control.selected
|
||||||
|
radius: width / 2
|
||||||
|
color: "#4EBC60"
|
||||||
|
SVGImage {
|
||||||
|
id: checkmark
|
||||||
|
source: "../img/checkmark.svg"
|
||||||
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
height: 10
|
||||||
|
fillMode: Image.PreserveAspectFit
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
Loading…
Reference in New Issue