fix mime icons

streamtw · streamtw · commit 22f45f11bd11 · 2020-01-08T17:02:23.000+08:00
diff --git a/public/css/lfm.css b/public/css/lfm.css
@@ -302,11 +302,19 @@ time {
   font-size: 2rem;
 }
 
-.list .mime-icon:before {
+.list .mime-icon .ico:before {
   top: calc(45% - .5rem);
   font-size: 1rem;
 }
 
+.mime-icon .ico {
+  height: 100%;
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+  justify-content: center;
+}
+
 /* Floating action buttons */
 
 .fab-wrapper {
diff --git a/public/css/mime-icons.min.css b/public/css/mime-icons.min.css
diff --git a/public/js/script.js b/public/js/script.js
@@ -340,7 +340,8 @@ function loadItems() {
           if (item.thumb_url) {
             var image = $('<div>').css('background-image', 'url("' + item.thumb_url + '?timestamp=' + item.time + '")');
           } else {
-            var image = $('<div>').addClass('mime-icon ico-' + item.icon);
+            var icon = $('<div>').addClass('ico');
+            var image = $('<div>').addClass('mime-icon ico-' + item.icon).append(icon);
           }
 
           template.find('.square').append(image);

Original file line number	Diff line number	Diff line change
`@@ -340,7 +340,8 @@ function loadItems() {`
`340`	`340`	`if (item.thumb_url) {`
`341`	`341`	`var image = $('<div>').css('background-image', 'url("' + item.thumb_url + '?timestamp=' + item.time + '")');`
`342`	`342`	`} else {`
`343`		`- var image = $('<div>').addClass('mime-icon ico-' + item.icon);`
	`343`	`+ var icon = $('<div>').addClass('ico');`
	`344`	`+ var image = $('<div>').addClass('mime-icon ico-' + item.icon).append(icon);`
`344`	`345`	`}`
`345`	`346`
`346`	`347`	`template.find('.square').append(image);`