mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-02-22 14:22:40 +01:00
Wallet view improvements
As brought up by @kukks with [this comment](https://github.com/btcpayserver/btcpayserver/pull/1434#issuecomment-609724703). These improvements can be applied across themes, so these fixes are separated from the originating PR. Pure visual finetunings for the Coin Selection form and amount/fee rate links.
This commit is contained in:
Dennis Reimann
parent
24691e5290
commit
6a0cda69c9
4 changed files with 17 additions and 12 deletions
|
|
@ -23,22 +23,22 @@
|
|||
<li class="list-group-item d-flex justify-content-between align-items-center cursor-pointer"
|
||||
v-for="item of filteredItems"
|
||||
:key="item.outpoint"
|
||||
v-bind:class="{ 'alert-success': item.selected }"
|
||||
v-bind:class="{ 'list-group-item-secondary': item.selected }"
|
||||
v-on:click="toggleItem($event, item, !item.selected)">
|
||||
<a v-on:click="toggleItem($event, item, !item.selected)" class="text-truncate" v-tooltip="item.outpoint" style="max-width:50%" v-bind:href="item.link" target="_blank">{{item.outpoint}}</a>
|
||||
<a v-on:click="toggleItem($event, item, !item.selected)" class="text-truncate flex-1" v-tooltip="item.outpoint" v-bind:href="item.link" target="_blank">{{item.outpoint}}</a>
|
||||
<div :id="item.outpoint" class="d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<span v-if="item.comment" data-toggle="tooltip" v-tooltip="item.comment" class="badge badge-info badge-pill" style="font-style: italic">i</span>
|
||||
<span
|
||||
v-if="item.labels"
|
||||
class="badge badge-primary badge-pill ml-1"
|
||||
class="badge badge-primary badge-pill ml-2"
|
||||
v-for="label of item.labels"
|
||||
v-bind:style="{ 'background-color': label.color}"
|
||||
key="label.value">
|
||||
{{label.value}}
|
||||
</span>
|
||||
</div>
|
||||
<span class="text-muted ml-1">{{item.amount}}</span>
|
||||
<span class="text-muted ml-2">{{item.amount}}</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
|
|
|
|||
|
|
@ -51,6 +51,7 @@
|
|||
</select>
|
||||
</div>
|
||||
<partial name="CoinSelection"/>
|
||||
<br>
|
||||
}
|
||||
|
||||
@if (Model.Outputs.Count == 1)
|
||||
|
|
@ -71,7 +72,7 @@
|
|||
<span asp-validation-for="Outputs[0].Amount" class="text-danger"></span>
|
||||
<p class="form-text text-muted crypto-info">
|
||||
Your current balance is
|
||||
<button type="button" class="crypto-balance-link btn btn-link p-0">@Model.CurrentBalance</button> <span>@Model.CryptoCode</span>.
|
||||
<button type="button" class="crypto-balance-link btn btn-link p-0 align-baseline">@Model.CurrentBalance</button> <span>@Model.CryptoCode</span>.
|
||||
</p>
|
||||
</div>
|
||||
}
|
||||
|
|
@ -101,7 +102,7 @@
|
|||
</div>
|
||||
<p class="form-text text-muted crypto-info">
|
||||
Your current balance is
|
||||
<button type="button" class="crypto-balance-link btn btn-link p-0">@Model.CurrentBalance</button> <span>@Model.CryptoCode</span>.
|
||||
<button type="button" class="crypto-balance-link btn btn-link p-0 align-baseline">@Model.CurrentBalance</button> <span>@Model.CryptoCode</span>.
|
||||
</p>
|
||||
<span asp-validation-for="Outputs[index].Amount" class="text-danger"></span>
|
||||
</div>
|
||||
|
|
@ -132,7 +133,7 @@
|
|||
<span id="FeeRate-Error" class="text-danger"></span>
|
||||
<p class="form-text text-muted crypto-info">
|
||||
The recommended value is
|
||||
<button type="button" id="crypto-fee-link" class="btn btn-link p-0">@Model.RecommendedSatoshiPerByte</button> satoshi per byte.
|
||||
<button type="button" id="crypto-fee-link" class="btn btn-link p-0 align-baseline">@Model.RecommendedSatoshiPerByte</button> satoshi per byte.
|
||||
</p>
|
||||
</div>
|
||||
@if (Model.Outputs.Count == 1)
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.unconf {
|
||||
.unconf > * {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
|
|
@ -102,10 +102,10 @@
|
|||
"
|
||||
>
|
||||
@label.Value
|
||||
<form
|
||||
<form
|
||||
asp-route-walletId="@this.Context.GetRouteValue("walletId")"
|
||||
asp-action="ModifyTransaction"
|
||||
method="post"
|
||||
method="post"
|
||||
class="removeTransactionLabelForm"
|
||||
>
|
||||
<input type="hidden" name="transactionId" value="@transaction.Id" />
|
||||
|
|
@ -137,7 +137,7 @@
|
|||
<div class="dropdown" style="display:inline-block;">
|
||||
<span class="fa fa-tags" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
|
||||
<div class="dropdown-menu">
|
||||
<form asp-action="ModifyTransaction" method="post"
|
||||
<form asp-action="ModifyTransaction" method="post"
|
||||
asp-route-walletId="@this.Context.GetRouteValue("walletId")">
|
||||
<input type="hidden" name="transactionId" value="@transaction.Id" />
|
||||
<div class="dropdown-item input-group">
|
||||
|
|
@ -171,7 +171,7 @@
|
|||
<span class="fa fa-commenting" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
|
||||
}
|
||||
<div class="dropdown-menu">
|
||||
<form asp-action="ModifyTransaction" method="post"
|
||||
<form asp-action="ModifyTransaction" method="post"
|
||||
asp-route-walletId="@this.Context.GetRouteValue("walletId")">
|
||||
<input type="hidden" name="transactionId" value="@transaction.Id" />
|
||||
<textarea name="addcomment" class="dropdown-item" maxlength="200" rows="2" cols="20">@transaction.Comment</textarea>
|
||||
|
|
|
|||
|
|
@ -146,3 +146,7 @@ pre {
|
|||
.cursor-pointer{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.list-group-item a {
|
||||
color: inherit;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue