mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-24 04:28:58 +00:00
3705249e40
- implement the basic Onboarding UI skeleton and the Create Profile flows - adjust the PasswordView and EnterSeedPhrase views to the latest design - add the main OnboardingLayout and StatusPinInput pages to Storybook - change terminology app-wide: "Seed phrase" -> "Recovery phrase" - implement the Login flows (seed, sync, keycard) - amend the keycard flow sequences with separate (non) empty page Fixes #16719 Fixes #16742 Fixes #16743
66 lines
1.6 KiB
QML
66 lines
1.6 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Layouts 1.15
|
|
import QtQuick.Controls 2.15
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
|
|
AbstractButton {
|
|
id: root
|
|
|
|
property string subTitle
|
|
|
|
padding: Theme.padding
|
|
spacing: Theme.padding
|
|
|
|
icon.width: 32
|
|
icon.height: 32
|
|
|
|
background: Rectangle {
|
|
color: root.hovered ? Theme.palette.backgroundHover : "transparent"
|
|
HoverHandler {
|
|
cursorShape: root.hovered ? Qt.PointingHandCursor : undefined
|
|
}
|
|
}
|
|
|
|
contentItem: RowLayout {
|
|
spacing: root.spacing
|
|
|
|
StatusImage {
|
|
Layout.preferredWidth: root.icon.width
|
|
Layout.preferredHeight: root.icon.height
|
|
source: root.icon.source
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
spacing: 1
|
|
StatusBaseText {
|
|
Layout.fillWidth: true
|
|
text: root.text
|
|
font.pixelSize: Theme.additionalTextSize
|
|
font.weight: Font.Medium
|
|
lineHeightMode: Text.FixedHeight
|
|
lineHeight: 18
|
|
}
|
|
StatusBaseText {
|
|
Layout.fillWidth: true
|
|
text: root.subTitle
|
|
font.pixelSize: Theme.additionalTextSize
|
|
color: Theme.palette.baseColor1
|
|
visible: !!text
|
|
lineHeightMode: Text.FixedHeight
|
|
lineHeight: 18
|
|
}
|
|
}
|
|
|
|
StatusIcon {
|
|
Layout.preferredWidth: 16
|
|
Layout.preferredHeight: 16
|
|
icon: "tiny/chevron-right"
|
|
color: Theme.palette.baseColor1
|
|
}
|
|
}
|
|
}
|