status-desktop/ui/app/AppLayouts/Wallet/panels/SeedPhraseBackupWarning.qml
Lukáš Tinkl d9d6d90dc9 [Style] remove legacy Style and its themes
- legacy Style and ThemePalette removed
- moved and deduplicated font definitions into `Theme` (unrelated to a
color palette)
- `Style.current.foo` -> `Theme.foo`
- `Style.current.fooColor` -> `Theme.palette.fooColor`
- upgrade the imports to 5.15
- removed some mode dead components

Fixes #16514
2024-10-22 15:54:31 +02:00

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 }
}
}
}