RanchiMall/floscout-testnet
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UX changes

Browse Source
This commit is contained in:
sairaj mote 2023-06-22 01:14:35 +05:30
parent 15abca3e81
commit 90e7cb2d91
4 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/main.css
View File

@ -998,6 +998,14 @@ theme-toggle {
font-size: 0.9rem; font-size: 0.9rem;
} }
.badge {
font-size: 0.8rem;
padding: 0.2rem 0.5rem;
border-radius: 0.5rem;
background-color: rgba(var(--text-color), 0.1);
color: rgba(var(--text-color), 0.8);
}
#loading { #loading {
position: fixed; position: fixed;
display: grid; display: grid;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

7
css/main.scss
View File

@ -908,6 +908,13 @@ theme-toggle {
font-size: 0.9rem; font-size: 0.9rem;
} }
} }
.badge {
font-size: 0.8rem;
padding: 0.2rem 0.5rem;
border-radius: 0.5rem;
background-color: rgba(var(--text-color), 0.1);
color: rgba(var(--text-color), 0.8);
}
#loading { #loading {
position: fixed; position: fixed;
display: grid; display: grid;

5
index.html
View File

@ -1379,7 +1379,10 @@
<li class="transaction"> <li class="transaction">
<svg class="icon" viewBox="0 0 64 64"> <title>transfer</title> <polyline points="17.04 35.97 14.57 33.5 40.15 7.9 32.75 0.5 55.52 0.5 55.52 23.28 48.12 15.87 23.86 40.14 15.88 48.13 8.48 40.72 8.48 63.5 31.25 63.5 23.85 56.1 49.43 30.5 46.96 28.03"/> </svg> <svg class="icon" viewBox="0 0 64 64"> <title>transfer</title> <polyline points="17.04 35.97 14.57 33.5 40.15 7.9 32.75 0.5 55.52 0.5 55.52 23.28 48.12 15.87 23.86 40.14 15.88 48.13 8.48 40.72 8.48 63.5 31.25 63.5 23.85 56.1 49.43 30.5 46.96 28.03"/> </svg>
<div class="contract-type"> <div class="contract-type">
<h5 class="label">Off-Chain transfer</h5> <div class="flex align-center gap-1">
<h5 class="label">Token transfer</h5>
<div class="badge">Off-chain</div>
</div>
<a href=${`#/token/${tokenIdentification}`} class="">${tokenIdentification}</a> <a href=${`#/token/${tokenIdentification}`} class="">${tokenIdentification}</a>
</div> </div>
<div class="contract-info"> <div class="contract-info">