jam/src/components/Receive.module.css
Thebora Kompanioni 028f32166a
feat: import wallet (#621)
* chore(regtest): do not build tor locally in regtest env

* feat(import): add rescanning param to session request

* feat(api): add rescanblockchain request to JmWalletApi

* feat: add import wallet button to wallets page

* refactor: externalize component PreventLeavingPageByMistake

* refactor: externalize component WalletCreationForm

* wip: use WalletCreationForm in ImportWallet

* refactor: externalize SeedWordInput and rename to MnemonicWordInput

* feat(api): add wallet recover request to JmWalletApi

* build(deps): bump caniuse-lite to v1.0.30001511

* wip(import): start wallet after successful import

* refactor: externalize component WalletCreationConfirmation

* wip(import): use WalletCreationConfirmation view in component WalletImport

* dev(regtest): add funds to dummy wallet during initialization of local setup

* wip(import): update gaplimit before rescanning chain

* wip(import): prevent import if rescan is in progress

* wip(import): ability to customize gaplimit and blockheight

* wip(import): show duration hint when importing wallet

* wip(import): hide sensitive info while importing wallet

* wip(import): reset gaplimit to original value after importing

* wip(import): add description for blockheight and gaplimit

* wip(import): add cancel button to WalletCreationForm

* refactor: externalize component MnemonicPhraseInput

* wip(import): show rescanning indicator on main wallet view

* wip(import): show rescanning indicator in navbar

* wip(import): disable sending when rescanning is in progress

* wip(import): disable navbar/earn/jam when rescanning is in progress

* Update src/i18n/locales/en/translation.json

Co-authored-by: openoms <43343391+openoms@users.noreply.github.com>

* fix(import): disable viewing jars on main wallet if rescanning is active

* wip(import): prevent creating new address when rescanning

* fix(import): reload wallet info after rescanning finishes

* refactor: move auto reloading code from WalletContext to WalletInfoAutoReload

* refactor: remove unused method reloadDisplay

* wip(import): reload recursively till balance is found

* wip(import): expand import options by default

* ui: add 'dev' badge to buttons only visible in dev env

---------

Co-authored-by: openoms <43343391+openoms@users.noreply.github.com>
2023-09-08 13:26:59 +02:00

107 lines
1.7 KiB
CSS

.receive hr {
border-color: rgba(222, 222, 222, 1);
opacity: 100%;
}
:root[data-theme='dark'] .receive hr {
border-color: var(--bs-gray-800);
opacity: 100%;
}
.receive button {
padding: 0.25rem 1rem;
font-weight: 500;
border-color: rgba(222, 222, 222, 1);
}
.receive form input {
height: 3.5rem;
width: 100%;
}
.receive select {
height: 3.5rem;
width: 100%;
}
.receive-placeholder-container {
height: 1.5rem;
text-align: center;
margin-bottom: 1rem;
}
.receive-placeholder {
height: 1.5rem;
}
.inputGroupText {
width: 5ch;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 1.2rem;
}
.qr-container {
display: flex;
justify-content: center;
min-height: 16.25rem;
}
:global(.jm-rescan-in-progress) .cardContainer {
display: none;
}
:global(.jm-rescan-in-progress) .receiveForm {
filter: blur(2px);
}
.receive-placeholder-qr-container {
width: 16.25rem;
}
.receive-placeholder-qr {
width: 13.75rem;
height: 13.75rem;
margin: 1.25rem;
}
:root[data-theme='dark'] .receive-placeholder-qr {
width: 16.25rem;
height: 16.25rem;
margin: 0;
}
.address {
font-size: 0.75rem;
padding: 1rem 0 1rem;
}
.jarsContainer {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 2rem;
color: var(--bs-body-color);
margin-bottom: 3rem;
}
.jarsPlaceholder {
width: 100%;
height: 8.5rem;
margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
.address {
font-size: var(--bs-body-font-size);
padding: 0;
}
.jarsContainer {
gap: 1.5rem;
flex-wrap: nowrap;
justify-content: space-between;
}
}