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

UI fixes

Browse Source
This commit is contained in:
sairaj mote 2022-07-31 17:55:11 +05:30
parent 3d70f17976
commit 0223caccdb
4 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/main.css
View File

@ -1274,7 +1274,7 @@ ol li::before {
content: "+ ";
}
.btc-tx.unconfirmed-tx {
grid-template-areas: "icon time amount" "icon receiver receiver" "icon txid txid" "icon unconfirmed unconfirmed";
grid-template-areas: "icon time amount" "icon receiver receiver" "icon txid txid" "icon unconfirmed unconfirmed" "icon badge badge";
}
.btc-tx.unconfirmed-tx .icon {
fill: var(--yellow);
@ -1312,6 +1312,16 @@ ol li::before {
grid-area: unconfirmed;
padding: 0.5rem 0;
}
.btc-tx .pending-badge {
grid-area: badge;
font-size: 0.8rem;
padding: 0.2rem 0.5rem;
border-radius: 0.5rem;
background-color: var(--yellow);
color: rgba(var(--foreground-color), 1);
font-weight: 500;
justify-self: flex-start;
}
.fab {
position: absolute;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

12
css/main.scss
View File

@ -1208,7 +1208,7 @@ ol {
}
}
&.unconfirmed-tx {
grid-template-areas: "icon time amount" "icon receiver receiver" "icon txid txid" "icon unconfirmed unconfirmed";
grid-template-areas: "icon time amount" "icon receiver receiver" "icon txid txid" "icon unconfirmed unconfirmed" "icon badge badge";
.icon {
fill: var(--yellow);
}
@ -1246,6 +1246,16 @@ ol {
grid-area: unconfirmed;
padding: 0.5rem 0;
}
.pending-badge {
grid-area: badge;
font-size: 0.8rem;
padding: 0.2rem 0.5rem;
border-radius: 0.5rem;
background-color: var(--yellow);
color: rgba(var(--foreground-color), 1);
font-weight: 500;
justify-self: flex-start;
}
}
.fab {
position: absolute;

2
scripts/fn_ui.js
View File

@ -718,7 +718,6 @@ const render = {
icon = svg`<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"/></svg>`;
}
} else {
console.log(transactionDetails)
transactionReceiver = (type === 'out' ? `Sent to ${receiver}` : `Received from ${sender}`);
icon = svg`<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><path d="M6,2l0.01,6L10,12l-3.99,4.01L6,22h12v-6l-4-4l4-3.99V2H6z M16,16.5V20H8v-3.5l4-4L16,16.5z"/></g></svg>`;
}
@ -730,6 +729,7 @@ const render = {
<div class="btc-tx__amount amount-shown" data-btc-amount="${amount}">${formatAmount(amount, 'btc')}</div>
<div class="btc-tx__receiver wrap-around">${transactionReceiver}</div>
<div class="btc-tx__id wrap-around">TXID: ${txid}</div>
${!block ? html`<p class="pending-badge">Confirmation pending: amount will be deducted after transaction is confirmed</p>` : ''}
</li>
`;
},