Better thumbnail view.
I should really do something about the fact that I literally have to update the query string on every updates. Sheesh.
This commit is contained in:
Bobby Wibowo 2018-03-20 00:18:29 +07:00
parent 18155e464e
commit 2a78fee990
No known key found for this signature in database
GPG Key ID: 51C3A1E1E22D26CF
8 changed files with 16 additions and 10 deletions

View File

@ -11,7 +11,7 @@
<!-- Stylesheets and scripts -->
<link rel="stylesheet" type="text/css" href="libs/bulma/bulma.min.css?v=V2RnA3Mwhh">
<link rel="stylesheet" type="text/css" href="css/style.css?v=V2RnA3Mwhh">
<link rel="stylesheet" type="text/css" href="css/style.css?v=29qSkTNt9U">
<script type="text/javascript" src="libs/sweetalert/sweetalert.min.js?v=V2RnA3Mwhh"></script>
<script type="text/javascript" src="libs/axios/axios.min.js?v=V2RnA3Mwhh"></script>
<script type="text/javascript" src="js/album.js?v=V2RnA3Mwhh"></script>

View File

@ -12,7 +12,7 @@
<!-- Stylesheets and scripts -->
<link rel="stylesheet" type="text/css" href="libs/bulma/bulma.min.css?v=V2RnA3Mwhh">
<link rel="stylesheet" type="text/css" href="libs/fontello/fontello.css?v=V2RnA3Mwhh">
<link rel="stylesheet" type="text/css" href="css/style.css?v=V2RnA3Mwhh">
<link rel="stylesheet" type="text/css" href="css/style.css?v=29qSkTNt9U">
<script type="text/javascript" src="libs/sweetalert/sweetalert.min.js?v=V2RnA3Mwhh"></script>
<script type="text/javascript" src="libs/axios/axios.min.js?v=V2RnA3Mwhh"></script>
<script type="text/javascript" src="js/auth.js?v=V2RnA3Mwhh"></script>

View File

@ -12,11 +12,11 @@
<!-- Stylesheets and scripts -->
<link rel="stylesheet" type="text/css" href="libs/bulma/bulma.min.css?v=V2RnA3Mwhh">
<link rel="stylesheet" type="text/css" href="libs/fontello/fontello.css?v=V2RnA3Mwhh">
<link rel="stylesheet" type="text/css" href="css/style.css?v=V2RnA3Mwhh">
<link rel="stylesheet" type="text/css" href="css/style.css?v=29qSkTNt9U">
<link rel="stylesheet" type="text/css" href="css/dashboard.css?v=V2RnA3Mwhh">
<script type="text/javascript" src="libs/sweetalert/sweetalert.min.js?v=V2RnA3Mwhh"></script>
<script type="text/javascript" src="libs/axios/axios.min.js?v=V2RnA3Mwhh"></script>
<script type="text/javascript" src="js/dashboard.js?v=V2RnA3Mwhh"></script>
<script type="text/javascript" src="js/dashboard.js?v=29qSkTNt9U"></script>
<!-- Open Graph tags -->
<meta property="og:type" content="website" />

View File

@ -11,7 +11,7 @@
<!-- Stylesheets and scripts -->
<link rel="stylesheet" type="text/css" href="libs/bulma/bulma.min.css?v=V2RnA3Mwhh">
<link rel="stylesheet" type="text/css" href="css/style.css?v=V2RnA3Mwhh">
<link rel="stylesheet" type="text/css" href="css/style.css?v=29qSkTNt9U">
<!-- Open Graph tags -->
<meta property="og:type" content="website" />

View File

@ -11,7 +11,7 @@
<!-- Stylesheets and scripts -->
<link rel="stylesheet" type="text/css" href="libs/bulma/bulma.min.css?v=V2RnA3Mwhh">
<link rel="stylesheet" type="text/css" href="css/style.css?v=V2RnA3Mwhh">
<link rel="stylesheet" type="text/css" href="css/style.css?v=29qSkTNt9U">
<script type="text/javascript" src="libs/sweetalert/sweetalert.min.js?v=V2RnA3Mwhh"></script>
<script type="text/javascript" src="libs/dropzone/dropzone.min.js?v=V2RnA3Mwhh"></script>
<script type="text/javascript" src="libs/axios/axios.min.js?v=V2RnA3Mwhh"></script>

View File

@ -103,7 +103,7 @@ section#auth input, section#auth a {
}
section#dashboard .table { font-size: 12px }
section#dashboard div#table div.column { display:flex; width: 200px; height: 200px; margin: 9px; background: #f9f9f9; overflow: hidden; align-items: center; }
section#dashboard div#table div.column { display:flex; /* width: 200px; height: 200px; */ margin: 9px; background: #f9f9f9; overflow: hidden; align-items: center; }
section#dashboard div#table div.column a { width: 100%; }
section#dashboard div#table div.column a img { width:200px; }
@ -201,3 +201,9 @@ hr {
.table td, .table th {
vertical-align: middle;
}
section#dashboard div#table div.column .title {
width: 200px;
line-height: 200px;
font-weight: normal;
}

View File

@ -129,7 +129,7 @@ panel.getUploads = function (album = undefined, page = undefined) {
${pagination}
<hr>
${listType}
<div class="columns is-multiline is-mobile" id="table">
<div class="columns is-multiline is-mobile is-centered" id="table">
</div>
${pagination}
@ -139,7 +139,7 @@ panel.getUploads = function (album = undefined, page = undefined) {
for (item of response.data.files) {
var div = document.createElement('div')
div.className = 'column is-2'
div.className = 'column is-narrow'
if (item.thumb !== undefined) {
div.innerHTML = `<a href="${item.file}" target="_blank"><img src="${item.thumb}"/></a>`
} else {

View File

@ -11,7 +11,7 @@
<!-- Stylesheets and scripts -->
<link rel="stylesheet" type="text/css" href="../libs/bulma/bulma.min.css?v=V2RnA3Mwhh">
<link rel="stylesheet" type="text/css" href="../css/style.css?v=V2RnA3Mwhh">
<link rel="stylesheet" type="text/css" href="../css/style.css?v=29qSkTNt9U">
<script type="text/javascript" src="../libs/sweetalert/sweetalert.min.js?v=V2RnA3Mwhh"></script>
<script type="text/javascript" src="../libs/axios/axios.min.js?v=V2RnA3Mwhh"></script>