chore: update deps

package.json

@@ -33,7 +33,7 @@
 	"dependencies": {
 		"@nuxtjs/axios": "^5.4.1",
 		"adm-zip": "^0.4.13",
-		"bcrypt": "^3.0.4",
+		"bcrypt": "^4.0.1",
 		"body-parser": "^1.18.3",
 		"buefy": "0.8.5",
 		"busboy": "^0.2.14",
@@ -57,7 +57,7 @@
 		"moment": "^2.24.0",
 		"multer": "^1.4.1",
 		"mysql": "^2.16.0",
-		"nuxt": "2.10.1",
+		"nuxt": "2.12.2",
 		"nuxt-dropzone": "^0.2.8",
 		"one-liner": "^1.3.0",
 		"path": "^0.12.7",
@@ -65,7 +65,7 @@
 		"qoa": "^0.2.0",
 		"randomstring": "^1.1.5",
 		"serve-static": "^1.13.2",
-		"sharp": "^0.21.3",
+		"sharp": "^0.25.2",
 		"sqlite3": "^4.0.6",
 		"uuid": "^3.3.2",
 		"v-clipboard": "^2.2.1",

src/site/components/grid/Grid.vue

@@ -26,6 +26,7 @@
 		font-size: 2rem;
 		pointer-events: none;
 		opacity: .75;
+		max-width: 150px;
 	}
 
 	div.actions {
@@ -146,6 +147,8 @@
 					<a :href="`${item.url}`"
 						target="_blank">
 						<img :src="item.thumb ? item.thumb : blank">
+						<span v-if="!item.thumb && item.name"
+							class="extension">{{ item.name.split('.').pop() }}</span>
 					</a>
 				</template>
 				<template v-else>