mirror of
https://github.com/joinmarket-webui/jam.git
synced 2026-08-17 13:07:34 +02:00
a559e1e92c
* 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
106 lines
1.6 KiB
CSS
106 lines
1.6 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 {
|
|
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;
|
|
}
|
|
}
|