STEINNI
50 lines
1.2 KiB
HTML
50 lines
1.2 KiB
HTML
<style>
|
|
.uplImg h6 {
|
|
margin-top: auto;
|
|
}
|
|
.uplImg .uplImg-AllowedExt {
|
|
text-align: center;
|
|
}
|
|
.dialog-spinner {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 1em;
|
|
font-size: 1.1em;
|
|
color: #333;
|
|
}
|
|
.eic-spinner {
|
|
border: 4px solid #f3f3f3;
|
|
border-top: 4px solid #3498db;
|
|
border-radius: 50%;
|
|
width: 24px;
|
|
height: 24px;
|
|
animation: spin 1s linear infinite;
|
|
margin-right: 10px;
|
|
}
|
|
@keyframes spin {
|
|
0% { transform: rotate(0deg);}
|
|
100% { transform: rotate(360deg);}
|
|
}
|
|
</style>
|
|
<article eiccard eiccard collapsable collapsed hidden class="uplImg">
|
|
<header>
|
|
<h6>Upload images </h6>
|
|
<span>Allowed extensions:</span>
|
|
<div class="uplImg-AllowedExt">
|
|
|
|
<span eicbadge xlarge success>jpg</span>
|
|
<span eicbadge xlarge success>jpeg</span>
|
|
<span eicbadge xlarge success>png</span>
|
|
<span eicbadge xlarge success>svg</span>
|
|
</div>
|
|
</header>
|
|
<section>
|
|
<div class="forms upload-img-dialog">
|
|
<div class="eicui-input-container upload-img">
|
|
<div eicfileupload class="browseBtn"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</article>
|