UI tweaks

This commit is contained in:
sairaj mote 2021-09-25 20:11:29 +05:30
parent 192aa514bb
commit 559a273e39

View File

@ -153,7 +153,7 @@
place-content: center; place-content: center;
} }
#main { #main.success {
align-self: center; align-self: center;
grid-template-columns: 18rem 1fr; grid-template-columns: 18rem 1fr;
justify-content: center; justify-content: center;
@ -162,17 +162,17 @@
padding: 5rem 3rem; padding: 5rem 3rem;
} }
#verification_status { #main.success #verification_status {
padding-right: 1.5rem; padding-right: 1.5rem;
border-right: thin solid rgba(0, 0, 0, 0.2); border-right: thin solid rgba(0, 0, 0, 0.2);
} }
#result_box { #main.success #result_box {
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
padding-left: 1.5rem; padding-left: 1.5rem;
} }
#result_box p { #main.success #result_box p {
grid-column: span 2; grid-column: span 2;
align-self: flex-start; align-self: flex-start;
} }
@ -242,6 +242,7 @@
</p> </p>
<a href="${link}" target="_blank" class="transaction-link">View on blockchain</a> <a href="${link}" target="_blank" class="transaction-link">View on blockchain</a>
` `
document.getElementById('main').className = 'success'
break; break;
case 'unverified': case 'unverified':
statusComposition = ` statusComposition = `
@ -304,6 +305,7 @@
} }
function outputUI(head, type, body, foot, link) { function outputUI(head, type, body, foot, link) {
console.log(head)
let t = document.createElement('h3'); let t = document.createElement('h3');
t.textContent = type; t.textContent = type;
let b = document.createElement('p'); let b = document.createElement('p');