RanchiMall/btcwallet
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minor UI tweaks

Browse Source
This commit is contained in:
sairaj mote 2022-11-15 00:10:24 +05:30
parent 638aa6c125
commit 9dd075757e
4 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
css/main.css
View File

@ -112,6 +112,7 @@ button {
padding: 0.8rem;
border-radius: 0.3rem;
justify-content: center;
flex-shrink: 0;
}
button:focus-visible {
outline: var(--accent-color) solid medium;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
css/main.scss
View File

@ -104,6 +104,7 @@ button {
padding: 0.8rem;
border-radius: 0.3rem;
justify-content: center;
flex-shrink: 0;
&:focus-visible {
outline: var(--accent-color) solid medium;
}

20
index.html
View File

@ -207,7 +207,7 @@
</sm-form>
<div class="grid gap-0-5">
<sm-input type="password" id="btc_private" class="password-field"
placeholder="BTC Private key" animate>
placeholder="BTC private key" animate>
<label slot="right" class="interact">
<input type="checkbox" class="hidden" autocomplete="off" readonly
onchange="togglePrivateKeyVisibility(this)">
@ -227,7 +227,7 @@
</svg>
</label>
</sm-input>
<sm-input id="priv_key_bech32" placeholder="Address" data-btc-address
<sm-input id="priv_key_bech32" placeholder="BTC address" data-btc-address
error-text="Invalid BTC address" animate required></sm-input>
</div>
</div>
@ -239,16 +239,20 @@
</div>
<div class="grid gap-0-5">
<div class="flex">
<sm-input id="convert_btc_input" placeholder="BTC Address" data-btc-address
<sm-input id="convert_btc_input" placeholder="BTC Address"
style="--border-radius: 0.3rem 0 0 0.3rem;" data-btc-address
error-text="Invalid BTC address" animate required></sm-input>
<button id="convert_to_flo" class="button--primary justify-self-center">
Get FLO
<button id="convert_to_flo" class="button--primary justify-self-center"
style="border-radius: 0 0.3rem 0.3rem 0">
Convert to FLO
</button>
</div>
<div class="flex">
<sm-input id="convert_flo_input" placeholder="FLO Address" animate></sm-input>
<button id="convert_to_btc" class="button--primary justify-self-center">
Get BTC
<sm-input id="convert_flo_input" placeholder="FLO Address"
style="--border-radius: 0.3rem 0 0 0.3rem;" animate></sm-input>
<button id="convert_to_btc" class="button--primary justify-self-center"
style="border-radius: 0 0.3rem 0.3rem 0">
Convert to BTC
</button>
</div>
</div>