mirror of
https://github.com/BobbyWibowo/lolisafe.git
synced 2024-12-15 00:46:22 +00:00
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:
parent
244b327e19
commit
20912a6dff
@ -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;
|
||||||
|
}
|
||||||
|
@ -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>
|
||||||
|
@ -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" %}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user