jam/src/components/MainWalletView.module.css
Thebora Kompanioni a559e1e92c
fix(ui): consistent button styles (#656)
* fix(ui): consistent button styles in WalletCreationForm

* fix(ui): consistent button styles in WalletCreationConfirmation

* fix(ui): consistent button styles in Create/Import Wallet

* fix(ui): consistent button styles on Wallet List

* fix(ui): consistent button text when submitting on create wallet

* fix(ui): consistent button styles on Send page

* fix(ui): consistent button styles on Earn page

* fix(ui): consistent button stlyes on MainWalletView page

* fix(ui): consistent button styles on Receive page

* refactor(CopyButton): remove sprites

* fix(ui): consistent button styles on Jam page

* fix(ui): consistent button styles in CreateFidelityBond flow

* fix(ui): border color of send/receive button on MainWalletView

* dev(feat): add fast theme toggle to navbar

* fix(ui): align onboarding flow
2023-09-10 14:38:48 +02:00

71 lines
1.2 KiB
CSS

.walletHeader {
display: flex;
flex-direction: column;
align-items: center;
}
.walletHeader .titlePlaceholder {
width: 5rem;
margin-bottom: 0.5rem;
}
.walletHeader .subtitlePlaceholder {
width: 12rem;
height: 1.8rem;
margin-bottom: 0.45rem;
}
:global(.jm-rescan-in-progress) .walletHeader {
cursor: wait;
}
:global(.jm-rescan-in-progress) .walletBody {
filter: blur(2px);
}
.jarsPlaceholder {
width: 100%;
height: 3.5rem;
}
.jarsDividerContainer {
display: flex;
justify-content: space-between;
align-items: center;
}
.jarsDividerContainer .dividerLine {
margin: 0;
width: 50%;
flex-grow: 0;
flex-shrink: 1;
}
.jarsDividerContainer .dividerButton {
display: flex;
justify-content: center;
align-items: center;
margin: 0 1rem;
flex-shrink: 0;
flex-grow: 1;
color: var(--bs-body-color);
cursor: pointer;
background-color: transparent;
border: 1px solid var(--bs-body-color);
border-radius: 50%;
width: 2rem;
height: 2rem;
}
.jarsDividerContainer .dividerButton:disabled {
cursor: not-allowed;
}
.sendReceiveButton {
font-weight: 500;
border-color: var(--bs-border-color) !important;
}
.sendReceiveButton:hover {
border-color: transparent !important;
}