UX changes

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

View File

@ -998,6 +998,14 @@ theme-toggle {
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 {
position: fixed;
display: grid;

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -908,6 +908,13 @@ theme-toggle {
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 {
position: fixed;
display: grid;

View File

@ -1379,7 +1379,10 @@
<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>
<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>
</div>
<div class="contract-info">