Added file size formatting

package.json

@@ -36,7 +36,7 @@
 		"@zenfs/zip": "^0.5.1",
 		"chalk": "^5.3.0",
 		"jquery": "^3.7.1",
-		"utilium": "^0.8.3"
+		"utilium": "^0.8.4"
 	},
 	"devDependencies": {
 		"@eslint/js": "^9.12.0",

src/explorer.ts

@@ -1,17 +1,20 @@
 import { fs } from '@zenfs/core';
 import { cwd, join } from '@zenfs/core/emulation/path.js';
 import $ from 'jquery';
+import { formatCompact } from 'utilium';
 import { cloneTemplate } from 'utilium/dom.js';
 
+const endsWithLetter = /[^\d]$/;
+
 function createEntry(name: string) {
 	const stats = fs.statSync(join(cwd, name));
 
 	const li = $(cloneTemplate('#entry')).find('li');
 
+	const size = formatCompact(stats.size);
 	li.find('.name').text(name);
-	li.find('.size').text(stats.size);
+	li.find('.size').text(size + (endsWithLetter.test(size) ? 'B' : ' bytes'));
 	li.find('.mtime').text(stats.mtime.toLocaleString());
-
 	li.appendTo('#explorer');
 }
 

src/styles.css

@@ -111,6 +111,7 @@ select {
 		display: flex;
 		align-items: center;
 		gap: 1em;
+		margin-bottom: 0.25em;
 
 		p {
 			white-space: nowrap;