From fa8483587640a9cdb461562fe9b8e52238bf6516 Mon Sep 17 00:00:00 2001 From: maziggy Date: Fri, 30 Jan 2026 15:59:56 +0100 Subject: [PATCH] Improve File Manager mobile responsiveness --- frontend/src/pages/FileManagerPage.tsx | 148 +++++++++++------- static/assets/index-B3Buyqqk.css | 1 - static/assets/index-BQ1e_nWl.css | 1 + .../{index-B6QcllFX.js => index-CY9FNL6G.js} | 90 +++++------ static/index.html | 4 +- 5 files changed, 138 insertions(+), 106 deletions(-) delete mode 100644 static/assets/index-B3Buyqqk.css create mode 100644 static/assets/index-BQ1e_nWl.css rename static/assets/{index-B6QcllFX.js => index-CY9FNL6G.js} (95%) diff --git a/frontend/src/pages/FileManagerPage.tsx b/frontend/src/pages/FileManagerPage.tsx index dd7fe25d0..28ba11582 100644 --- a/frontend/src/pages/FileManagerPage.tsx +++ b/frontend/src/pages/FileManagerPage.tsx @@ -1396,7 +1396,7 @@ export function FileManagerPage() { {/* Stats bar */} {stats && ( -
+
Files: @@ -1412,7 +1412,7 @@ export function FileManagerPage() { Size: {formatFileSize(stats.total_size_bytes)}
-
+
Free: {formatFileSize(stats.disk_free_bytes)} @@ -1422,11 +1422,40 @@ export function FileManagerPage() { )} {/* Main content */} -
- {/* Folder sidebar - resizable */} +
+ {/* Mobile folder selector */} +
+ +
+ + {/* Folder sidebar - resizable, hidden on mobile */}
{/* Resize handle - drag to resize, double-click to reset */} @@ -1500,12 +1529,12 @@ export function FileManagerPage() {
{/* Files area */} -
+
{/* Search, Filter, Sort toolbar */} {files && files.length > 0 && ( -
+
{/* Search */} -
+
- +