88 lines
2.5 KiB
QML
88 lines
2.5 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.15
|
|
import QtGraphicalEffects 1.15
|
|
|
|
import StatusQ.Core.Theme 0.1
|
|
|
|
import utils 1.0
|
|
import shared 1.0
|
|
import shared.panels 1.0
|
|
import "../stores"
|
|
|
|
Rectangle {
|
|
id: root
|
|
height: visible ? 32 : 0
|
|
visible: !RootStore.mnemonicBackedUp
|
|
color: Theme.palette.dangerColor1
|
|
|
|
Row {
|
|
spacing: Theme.halfPadding
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
StyledText {
|
|
text: qsTr("Back up your seed phrase")
|
|
font.pixelSize: 13
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
color: Theme.palette.white
|
|
}
|
|
|
|
Button {
|
|
width: 58
|
|
height: 24
|
|
contentItem: Item {
|
|
anchors.fill: parent
|
|
Text {
|
|
text: qsTr("Back up")
|
|
font.pixelSize: 13
|
|
font.weight: Font.Medium
|
|
font.family: Theme.baseFont.name
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
anchors.top: parent.top
|
|
anchors.bottom: parent.bottom
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
color: Theme.palette.white
|
|
}
|
|
}
|
|
background: Rectangle {
|
|
radius: 4
|
|
anchors.fill: parent
|
|
border.color: Theme.palette.white
|
|
color: "#19FFFFFF"
|
|
}
|
|
MouseArea {
|
|
cursorShape: Qt.PointingHandCursor
|
|
anchors.fill: parent
|
|
onClicked: Global.openBackUpSeedPopup()
|
|
}
|
|
}
|
|
}
|
|
|
|
SVGImage {
|
|
id: closeImg
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 18
|
|
source: Theme.svg("close-white")
|
|
height: 20
|
|
width: 20
|
|
}
|
|
ColorOverlay {
|
|
anchors.fill: closeImg
|
|
source: closeImg
|
|
color: Theme.palette.white
|
|
opacity: 0.7
|
|
}
|
|
MouseArea {
|
|
anchors.fill: closeImg
|
|
cursorShape: Qt.PointingHandCursor
|
|
onClicked: ParallelAnimation {
|
|
PropertyAnimation { target: root; property: "visible"; to: false; }
|
|
PropertyAnimation { target: root; property: "y"; to: -1 * root.height }
|
|
}
|
|
}
|
|
}
|