Skip to content
This repository has been archived by the owner on Oct 2, 2023. It is now read-only.

Commit

Permalink
Improve On-chain and Lightning wallet UI (#24)
Browse files Browse the repository at this point in the history
  • Loading branch information
@pwltr
pwltr authored May 22, 2022
1 parent d739430 commit a54a2cd
Show file tree
Hide file tree
Showing 4 changed files with 30 additions and 15 deletions.
14 changes: 10 additions & 4 deletions src/components/BitcoinWallet.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -232,10 +232,11 @@
<div class="pb-3">
<a
href="#"
class="card-link text-muted"
class="card-link text-muted d-flex align-items-center"
@click.stop.prevent="reset"
>
<svg
class="me-1"
width="7"
height="13"
viewBox="0 0 7 13"
Expand Down Expand Up @@ -264,6 +265,7 @@
id="input-withdrawal-amount"
v-model="withdraw.amountInput"
class="neu-input"
placeholder="Amount"
type="text"
size="lg"
autofocus
Expand Down Expand Up @@ -298,6 +300,7 @@
id="input-withdrawal-address"
v-model="withdraw.address"
class="mb-2 neu-input"
placeholder="Address"
type="text"
size="lg"
min="1"
Expand All @@ -320,10 +323,11 @@
<div class="pt-2 pb-3">
<a
href="#"
class="card-link text-muted"
class="card-link text-muted d-flex align-items-center"
@click.stop.prevent="reset"
>
<svg
class="me-1"
width="7"
height="13"
viewBox="0 0 7 13"
Expand Down Expand Up @@ -459,10 +463,11 @@
<div class="pt-2 pb-3">
<a
href="#"
class="card-link text-muted"
class="card-link text-muted d-flex align-items-center"
@click.stop.prevent="reset"
>
<svg
class="me-1"
width="7"
height="13"
viewBox="0 0 7 13"
Expand Down Expand Up @@ -507,10 +512,11 @@
<div class="pt-2 pb-3">
<a
href="#"
class="card-link text-muted"
class="card-link text-muted d-flex align-items-center"
@click.stop.prevent="reset"
>
<svg
class="me-1"
width="7"
height="13"
viewBox="0 0 7 13"
Expand Down
23 changes: 16 additions & 7 deletions src/components/LightningWallet.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -272,10 +272,11 @@
<div class="pb-3">
<a
href="#"
class="card-link text-muted"
class="card-link text-muted d-flex align-items-center"
@click.stop.prevent="reset"
>
<svg
class="me-1"
width="7"
height="13"
viewBox="0 0 7 13"
Expand Down Expand Up @@ -339,10 +340,11 @@
<div class="pb-3">
<a
href="#"
class="card-link text-muted"
class="card-link text-muted d-flex align-items-center"
@click.stop.prevent="reset"
>
<svg
class="me-1"
width="7"
height="13"
viewBox="0 0 7 13"
Expand Down Expand Up @@ -384,10 +386,11 @@
<div class="pb-3">
<a
href="#"
class="card-link text-muted"
class="card-link text-muted d-flex align-items-center"
@click.stop.prevent="reset"
>
<svg
class="me-1"
width="7"
height="13"
viewBox="0 0 7 13"
Expand All @@ -410,6 +413,7 @@
id="input-sats"
v-model.number="receive.amountInput"
class="neu-input"
placeholder="Amount"
type="text"
size="lg"
autofocus
Expand Down Expand Up @@ -444,6 +448,7 @@
id="input-description"
v-model="receive.description"
class="mb-4 neu-input"
placeholder="Description (optional)"
size="lg"
:disabled="receive.isGeneratingInvoice"
></b-input>
Expand All @@ -458,10 +463,11 @@
<div class="pb-3">
<a
href="#"
class="card-link text-muted"
class="card-link text-muted d-flex align-items-center"
@click.stop.prevent="reset"
>
<svg
class="me-1"
width="7"
height="13"
viewBox="0 0 7 13"
Expand Down Expand Up @@ -530,10 +536,11 @@
<div class="pb-3">
<a
href="#"
class="card-link text-muted"
class="card-link text-muted d-flex align-items-center"
@click.stop.prevent="reset"
>
<svg
class="me-1"
width="7"
height="13"
viewBox="0 0 7 13"
Expand Down Expand Up @@ -581,10 +588,11 @@
<div class="pb-3">
<a
href="#"
class="card-link text-muted"
class="card-link text-muted d-flex align-items-center"
@click.stop.prevent="reset"
>
<svg
class="me-1"
width="7"
height="13"
viewBox="0 0 7 13"
Expand Down Expand Up @@ -648,10 +656,11 @@
<div class="pb-3">
<a
href="#"
class="card-link text-muted"
class="card-link text-muted d-flex align-items-center"
@click.stop.prevent="reset"
>
<svg
class="me-1"
width="7"
height="13"
viewBox="0 0 7 13"
Expand Down
4 changes: 2 additions & 2 deletions src/components/Utility/FeeSelector.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,12 @@
<small class="text-muted d-block mb-0">Transaction Fee</small>
<b-form-checkbox
v-model="useCustomFee"
class=""
class="d-flex align-items-center"
size="sm"
switch
:disabled="isDisabled"
>
<small class="text-muted">Custom</small>
<small class="text-muted ms-1">Custom</small>
</b-form-checkbox>
</div>
<div v-if="useCustomFee" class="vue-slider-container">
Expand Down
4 changes: 2 additions & 2 deletions src/global-styles/custom.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -527,8 +527,8 @@ svg.icon-clock {

//wallet
.wallet-content {
height: 22rem;
overflow-y: scroll;
height: 25rem;
overflow-y: auto;
}
.wallet-buttons {
height: 3.5rem;
Expand Down

0 comments on commit a54a2cd

Please sign in to comment.