Files
btcpayserver/BTCPayServer/wwwroot/main/wallet-setup.css
d11n f4fa7c927c Wallet setup redesign (#2164)
* Prepare existing layouts and views

* Add icon view component and sprite svg

* Add wallet setup basics

* Add import method view basics

* Use external sprite file instead of inline svg

* Refactor hardware wallet setup flow

* Manually enter an xpub

* Prepare other views

* Update views and models

* Finalize wallet setup flow

* Updat tests, part 1

* Update tests, part 2

* Vaul: Fix missing retry button

* Add better Scan QR subtext

Still tbd.

* Make wallet account an advanced setting

* Prevent empty xpub

* Use textarea for seed input

* Remove redundant error message for missing file upload

* Confirm store updates after generating a new wallet

* Update wording

* Modify existing wallets

* Fix proposed method name

* Suggest using ColdCard Electrum export option only

Advise the user to use the electrum export of the coldcard instead of saying either electrum or wasabi export file … the electurm one contains more info, e.g. the wasabi one doesn't include the account key path.

* More concise WalletSetupMethod setting

* Test fix

* Update wallet removal code

* Fix back navigation quirk in change wallet case

* Fix behaviour on wallet enable/disable

* Fix initial wallet setup

* Improve modify view and messages

* Test fixes

* Seed import fix

Uses the correct form url for confirming addresses

* Quickfixes from design meeting

* Add enable toggle switch on modify page

* Confirm wallet removal

* Update setup view

* Update import view

* Icon finetuning

* Improve import options page

* Refactor QR code scanner

Allow for usage with and without modal

* Update copy and instructions on import pages

* Split generate options: Hot wallet and watch-only

* Implement hot wallet options correctly

* Minor test changes

* Navbar improvements

* Fix tables

* Fix badge color

* Routing related updates

Thanks @kukks for the suggestions!

* Wording updates

Thanks @kukks for the suggestions!

* Extend address types table for xpub import

Thanks @kukks for the suggestions!

* Rename controller

* Unify precondition checks

* Improve removal warning for hot wallets

* Add tooltip on why seed import is not recommended

* Add tooltip icon

* Add Specter import info
2021-02-11 19:48:54 +09:00

119 lines
2.3 KiB
CSS

body {
color: var(--btcpay-wizard-color);
background-color: var(--btcpay-wizard-bg);
}
#wizard-navbar {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 575px) {
#wizard-navbar {
margin-top: -35px;
}
}
@media (min-width: 576px) {
#wizard-navbar {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 30px;
}
}
#wizard-navbar a {
color: var(--btcpay-body-color);
background-color: var(--btcpay-border-color-light);
display: inline-flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
border-radius: 50%;
}
#wizard-navbar a svg.icon {
width: 19px;
height: 16px;
}
#wizard-navbar a:hover {
background-color: var(--btcpay-border-color-medium);
}
#wizard-navbar .cancel {
margin-left: auto;
}
.list-group-item-wallet-setup {
display: flex;
padding: 0;
}
.list-group-item-wallet-setup.hide-when-js {
display: flex !important;
}
.list-group-item-wallet-setup:active,
.list-group-item-wallet-setup.active {
background-color: transparent;
}
.list-group-item-wallet-setup .image {
display: flex;
flex: 0 0 90px;
align-items: center;
justify-content: center;
padding: 1.5rem;
}
.list-group-item-wallet-setup .image .icon,
.list-group-item-wallet-setup .image .icon-new-wallet,
.list-group-item-wallet-setup .image .icon-existing-wallet {
height: 48px;
}
.list-group-item-wallet-setup .image .icon-new-wallet,
.list-group-item-wallet-setup .image .icon-existing-wallet,
.list-group-item-wallet-setup .image .icon-xpub,
.list-group-item-wallet-setup .image .icon-seed {
width: 48px;
}
.list-group-item-wallet-setup .image .icon-hardware-wallet {
width: 40px;
}
.list-group-item-wallet-setup .image .icon-scan-qr {
width: 32px;
}
.list-group-item-wallet-setup .image .icon-wallet-file {
width: 24px;
}
.list-group-item-wallet-setup .content {
flex: 1;
padding: 1.5rem;
}
.list-group-item-wallet-setup .content .badge {
position: relative;
top: -1px;
font-size: 60%;
color: var(--btcpay-color-white);
}
.list-group-item-wallet-setup .image + .content {
padding-left: .5rem;
}
.list-group-item-wallet-setup .icon-caret-right {
width: 24px;
height: 24px;
align-self: center;
margin-right: 1.5rem;
}