Updated dashboard

Display thumbnail feature in dashboard will now contain images smaller
than 200x200 in a 200x200 container and align them in the center.
This commit is contained in:
Bobby Wibowo 2019-01-09 12:04:21 +07:00
parent 244b327e19
commit 20912a6dff
No known key found for this signature in database
GPG Key ID: 51C3A1E1E22D26CF
3 changed files with 16 additions and 2 deletions

View File

@ -142,3 +142,17 @@
.swal-icon--success::before { .swal-icon--success::before {
background: #31363b; background: #31363b;
} }
.swal-display-thumb-container {
min-width: 200px;
min-height: 200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

View File

@ -610,7 +610,7 @@ page.displayThumbnail = function (id) {
div.innerHTML = ` div.innerHTML = `
<div class="field has-text-centered"> <div class="field has-text-centered">
<label class="label">${file.name}</label> <label class="label">${file.name}</label>
<div class="controls"> <div class="controls swal-display-thumb-container">
<img id="swalThumb" src="${file.thumb}"> <img id="swalThumb" src="${file.thumb}">
</div> </div>
</div> </div>

View File

@ -15,7 +15,7 @@
v2: Images and config files (manifest.json, browserconfig.xml, etc). v2: Images and config files (manifest.json, browserconfig.xml, etc).
v3: CSS and JS files (libs such as bulma, lazyload, etc). v3: CSS and JS files (libs such as bulma, lazyload, etc).
#} #}
{% set v1 = "WrpSoJIcMN" %} {% set v1 = "m8kkW8tVUo" %}
{% set v2 = "hiboQUzAzp" %} {% set v2 = "hiboQUzAzp" %}
{% set v3 = "hiboQUzAzp" %} {% set v3 = "hiboQUzAzp" %}