Bug fix and style enhancements
This commit is contained in:
parent
be62e74654
commit
e2a50e1034
@ -808,6 +808,7 @@ header.grid-2 {
|
||||
#logo {
|
||||
grid-area: logo;
|
||||
color: inherit;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.app-brand {
|
||||
@ -842,6 +843,8 @@ theme-toggle {
|
||||
width: 100%;
|
||||
--min-height: 2.8rem;
|
||||
font-weight: 500;
|
||||
border: solid thin rgba(var(--text-color), 0.3);
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
#suggestions {
|
||||
@ -857,8 +860,11 @@ theme-toggle {
|
||||
transition: max-height 0.2s ease-in-out;
|
||||
}
|
||||
#suggestions:not(:empty) {
|
||||
margin-top: 0.3rem;
|
||||
max-height: 20rem;
|
||||
overflow-y: auto;
|
||||
box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.16);
|
||||
border: solid thin rgba(var(--text-color), 0.3);
|
||||
}
|
||||
|
||||
.suggestion {
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -730,6 +730,7 @@ header.grid-2 {
|
||||
#logo {
|
||||
grid-area: logo;
|
||||
color: inherit;
|
||||
margin-right: auto;
|
||||
}
|
||||
.app-brand {
|
||||
display: flex;
|
||||
@ -761,6 +762,8 @@ theme-toggle {
|
||||
width: 100%;
|
||||
--min-height: 2.8rem;
|
||||
font-weight: 500;
|
||||
border: solid thin rgba(var(--text-color), 0.3);
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
#suggestions {
|
||||
position: absolute;
|
||||
@ -774,8 +777,11 @@ theme-toggle {
|
||||
max-height: 0;
|
||||
transition: max-height 0.2s ease-in-out;
|
||||
&:not(:empty) {
|
||||
margin-top: 0.3rem;
|
||||
max-height: 20rem;
|
||||
overflow-y: auto;
|
||||
box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.16);
|
||||
border: solid thin rgba(var(--text-color), 0.3);
|
||||
}
|
||||
}
|
||||
.suggestion {
|
||||
|
||||
@ -1255,7 +1255,7 @@
|
||||
<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="M10.02 6L8.61 7.41 13.19 12l-4.58 4.59L10.02 18l6-6-6-6z"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
<h4>${contractName}</h4>
|
||||
<h4>${contractName.replace(/-/g, ' ')}</h4>
|
||||
<ul class="flex align-center flex-wrap gap-0-5 involved-tokens">
|
||||
${tokenIdentification ? html`
|
||||
<li>
|
||||
@ -1598,14 +1598,14 @@
|
||||
if (!blockId) return;
|
||||
try {
|
||||
const [blockInfo, blockTxs] = await Promise.all([getBlockInfo(blockId), getBlockTransactions(blockId)])
|
||||
const { blockHeight, size, transactions, reward, hash, difficulty, nonce } = blockInfo;
|
||||
const { blockHeight, size, reward, hash, difficulty, nonce } = blockInfo;
|
||||
renderElem(getRef("page_container"), html`
|
||||
<div id="block_page" class="page">
|
||||
<h5 class="label">Block Height</h5>
|
||||
<h2 class="block-height">${blockHeight}</h2>
|
||||
<div class="card">
|
||||
<h5 class="label">Relevant Transactions</h5>
|
||||
<h4>${transactions.length}</h4>
|
||||
<h4>${blockTxs.length}</h4>
|
||||
<h5 class="label">Confirmations</h5>
|
||||
<h4>${size}</h4>
|
||||
<h5 class="label">Reward</h5>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user