status-desktop/ui/app/AppLayouts/WalletV2/panels/SeedPhraseBackupWarningPane...

92 lines
2.5 KiB
QML
Raw Normal View History

2021-08-13 20:04:04 +00:00
import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import QtGraphicalEffects 1.13
import utils 1.0
import "../../../../shared"
import "../../../../shared/panels"
import "../../Profile/popups"
2021-08-13 20:04:04 +00:00
import "."
Rectangle {
id: root
height: visible ? 32 : 0
color: Style.current.red
Row {
spacing: Style.current.halfPadding
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
StyledText {
anchors.verticalCenter: parent.verticalCenter
color: Style.current.white
font.pixelSize: 13
text: qsTrId("back-up-your-seed-phrase")
2021-08-13 20:04:04 +00:00
}
Control {
2021-08-13 20:04:04 +00:00
width: 58
height: 24
background: Rectangle {
radius: 4
anchors.fill: parent
border.color: Style.current.white
color: "#19FFFFFF"
}
2021-08-13 20:04:04 +00:00
contentItem: Item {
anchors.fill: parent
Text {
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.left: parent.left
anchors.right: parent.right
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
font.pixelSize: 13
font.weight: Font.Medium
font.family: Style.current.fontRegular.name
2021-08-13 20:04:04 +00:00
color: Style.current.white
text: "Back up"
2021-08-13 20:04:04 +00:00
}
}
MouseArea {
cursorShape: Qt.PointingHandCursor
anchors.fill: parent
onClicked: { backupSeedModal.open(); }
2021-08-13 20:04:04 +00:00
}
}
}
SVGImage {
id: closeImg
height: 20
width: 20
2021-08-13 20:04:04 +00:00
anchors.top: parent.top
anchors.topMargin: 6
anchors.right: parent.right
anchors.rightMargin: 18
source: Style.svg("close-white")
2021-08-13 20:04:04 +00:00
}
ColorOverlay {
anchors.fill: closeImg
source: closeImg
color: Style.current.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 }
}
}
BackupSeedModal {
id: backupSeedModal
}
}