Bug fix and style enhancements

This commit is contained in:
sairaj mote 2023-10-01 23:18:09 +05:30
parent be62e74654
commit e2a50e1034
4 changed files with 16 additions and 4 deletions

View File

@ -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

File diff suppressed because one or more lines are too long

View File

@ -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 {

View File

@ -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>