Center empty directory message in Dashboard Files

Replace row-based layout with centered flex positioning for the
"No files in this directory" message, improving visual presentation.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Miika Kuisma
2026-02-04 09:09:34 +02:00
parent 0d6c185ff2
commit af07069215
+11 -9
View File
@@ -1441,15 +1441,17 @@ const TabFiles = {
$('.files-tab .files').html('');
if ( directoryContents.length === 0 ) {
$('.files-tab .files').append(`<div class="row">
<div class="item-icon"></div>
<div class="item-name">No files in this directory.</div>
<div class="col-spacer"></div>
<div class="item-size"></div>
<div class="col-spacer"></div>
<div class="item-modified"></div>
<div class="col-spacer"></div>
<div class="item-more"></div>
$('.files-tab .files').append(`<div style="
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
">
No files in this directory.
`);
this.updateFooterStats();
this.updateNavButtonStates();