UI changes

This commit is contained in:
sairaj mote 2023-08-24 16:42:13 +05:30
parent 1d48cfbf9a
commit 68fb207786

View File

@ -1090,14 +1090,6 @@
`: ''}
${selectedFile ? html`
<div id="file_upload_section" class=${`grid gap-1 card`}>
${isUploading ? html`
<div id="upload_progress_section" class=${`grid gap-1`}>
<h4>Uploading file...</h4>
<div id="progress_bar" class="progress">
<div class="progress__bar"></div>
</div>
</div>
`: ''}
${!isUploading ? html`
<div id="upload_button_wrapper" class="flex flex align-center gap-1 flex-wrap">
<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="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z" /> </svg>
@ -1120,12 +1112,21 @@
<legend>Select KYC verifier</legend>
${issuersList}
</fieldset>
<div class="multi-state-button">
<button id="upload_file_button" class="button button--primary flex-1 gap-0-5" onclick=${uploadFile}>
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><path d="M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M7,9l1.41,1.41L11,7.83V16h2V7.83l2.59,2.58L17,9l-5-5L7,9z"/></g></svg>
Upload
</button>
</div>
${isUploading ? html`
<div id="upload_progress_section" class=${`grid gap-1`}>
<h4>Uploading file...</h4>
<div id="progress_bar" class="progress">
<div class="progress__bar"></div>
</div>
</div>
`: html`
<div class="multi-state-button">
<button id="upload_file_button" class="button button--primary flex-1 gap-0-5" onclick=${uploadFile}>
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><path d="M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M7,9l1.41,1.41L11,7.83V16h2V7.83l2.59,2.58L17,9l-5-5L7,9z"/></g></svg>
Upload
</button>
</div>
`}
`: ''}
`
})()