mirror of
https://github.com/bitcoinresearchkit/brk.git
synced 2026-06-19 19:26:12 -07:00
nym21
74 lines
1.7 KiB
CSS
74 lines
1.7 KiB
CSS
main.wallets {
|
|
--offset: 4rem;
|
|
--content-width: 72rem;
|
|
--control-height: 2.75rem;
|
|
|
|
display: grid;
|
|
gap: 1.5rem;
|
|
align-content: start;
|
|
width: min(100%, var(--content-width));
|
|
margin-inline: auto;
|
|
padding: var(--offset) var(--page-x);
|
|
scroll-padding-top: var(--offset);
|
|
|
|
&:is([data-wallets-page-empty], [data-wallets-page-locked]) {
|
|
min-height: 100dvh;
|
|
align-content: center;
|
|
}
|
|
|
|
.wallets__status {
|
|
min-height: var(--line-height-sm);
|
|
margin: 0;
|
|
color: var(--gray);
|
|
font-size: var(--font-size-sm);
|
|
line-height: var(--line-height-sm);
|
|
}
|
|
|
|
:is(input, select),
|
|
button:not(.wallets__wallet-button) {
|
|
min-width: 0;
|
|
height: var(--control-height);
|
|
border: 1px solid color-mix(in oklch, var(--gray) 45%, transparent);
|
|
border-radius: 0.375rem;
|
|
padding: 0 0.875rem;
|
|
color: var(--white);
|
|
background: color-mix(in oklch, var(--black) 72%, var(--white));
|
|
font: inherit;
|
|
line-height: 1;
|
|
}
|
|
|
|
button:not(.wallets__wallet-button) {
|
|
cursor: pointer;
|
|
}
|
|
|
|
:is(input, select, button:not(.wallets__wallet-button)):focus-visible {
|
|
outline: 2px solid var(--orange);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
input::placeholder {
|
|
color: color-mix(in oklch, var(--gray) 70%, transparent);
|
|
}
|
|
|
|
:is(
|
|
.wallets__actions,
|
|
.wallets__empty,
|
|
.wallets__setup-form,
|
|
.wallets__unlock-form
|
|
) button,
|
|
.wallets__dialog-form button[type="submit"],
|
|
.wallets__receive-button,
|
|
.wallets__receive-actions button:first-child {
|
|
border-color: var(--orange);
|
|
color: var(--black);
|
|
background: var(--orange);
|
|
}
|
|
|
|
button:not(.wallets__wallet-button):disabled {
|
|
border-color: var(--gray);
|
|
color: var(--black);
|
|
background: var(--gray);
|
|
cursor: progress;
|
|
}
|
|
}
|