diff --git a/static/css/components/modal/download-modal.css b/static/css/components/modal/download-modal.css index 2699d697..a3d99641 100644 --- a/static/css/components/modal/download-modal.css +++ b/static/css/components/modal/download-modal.css @@ -351,8 +351,8 @@ display: flex; gap: 8px; margin-left: 20px; - margin-top: 4px; align-items: center; + height: 21px; } .create-folder-form input { diff --git a/static/js/components/FolderTreeManager.js b/static/js/components/FolderTreeManager.js index 058bd2e1..f8a43219 100644 --- a/static/js/components/FolderTreeManager.js +++ b/static/js/components/FolderTreeManager.js @@ -175,7 +175,18 @@ export class FolderTreeManager { renderTree() { const folderTree = document.getElementById(this.getElementId('folderTree')); if (!folderTree) return; - + + // Show placeholder if treeData is empty + if (!this.treeData || Object.keys(this.treeData).length === 0) { + folderTree.innerHTML = ` +
+ +
No folders found.
You can create a new folder using the button above.
+
+ `; + return; + } + folderTree.innerHTML = this.renderTreeNode(this.treeData, ''); }