Skip to content

Commit dc81e16

Browse files
rcourtmanclaude
andcommitted
feat: enhance storage tab with node summary cards and improved UX
- Add node storage summary cards with condensed progress bars - Show all storage per node with usage percentages and status indicators - Add click-to-sort functionality for usage column - Simplify content display (remove badges, use plain text) - Add visual warnings for high usage storage (red/yellow indicators) - Fix layout consistency with main tab (remove double containers) - Improve spacing and visual hierarchy 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 74e1231 commit dc81e16

File tree

2 files changed

+343
-49
lines changed

2 files changed

+343
-49
lines changed

src/public/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -703,11 +703,11 @@
703703
</div>
704704
</div>
705705

706-
<div id="storage" class="tab-content hidden bg-white dark:bg-gray-800 rounded-b rounded-tr shadow p-3 mb-2">
707-
<div class="table-container max-h-[80vh] overflow-y-auto overflow-x-auto mb-2 border border-gray-200 dark:border-gray-700 rounded overflow-hidden scrollbar">
708-
<div id="storage-info-content">
709-
<p class="text-gray-500 dark:text-gray-400 p-4 text-center">Loading storage data...</p>
710-
</div>
706+
<div id="storage" class="tab-content hidden bg-white dark:bg-gray-800 rounded-b rounded-tr shadow mb-2">
707+
<div class="p-3">
708+
<div id="storage-info-content">
709+
<p class="text-gray-500 dark:text-gray-400 p-4 text-center">Loading storage data...</p>
710+
</div>
711711
</div>
712712
</div>
713713
<div id="pbs" class="tab-content hidden bg-white dark:bg-gray-800 p-4 border border-t-0 border-gray-300 dark:border-gray-700 rounded-b-lg shadow-sm">

0 commit comments

Comments
 (0)