f1b4e6c39a
renderStorageStats was building the storage-stats table in Einstellungen by setting ~10 style props per element with .style.padding / .style.color / .style.borderBottom / etc. Verbose in TypeScript and harder to retheme than CSS-class-based markup. Extracted to .storage-stats-table family in styles.css: - Header cells become uppercase 10px tracking-wide labels (matches the look of the .vod-bulk-count "X selected" label and the archive search type-pill chips) - Body rows pick up a hover-background tint for scannability - Numbers use font-variant-numeric: tabular-nums so file counts and byte sizes don't jitter as values change between scans - Last row drops the bottom border so the table doesn't end on a dangling line Open-folder button was using .btn-secondary with inline font-size + padding overrides — swapped to the .btn-pill class, which is already the small/compact action button used in vod-bulk-bar and the archive search results. Visual consistency across the app. The "Other folders" subheading (.storage-stats-section) gets the same uppercase-tracking look as the table headers — small consistency win that ties the section together visually. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| build | ||
| docs | ||
| scripts | ||
| src | ||
| .gitignore | ||
| eslint.config.mjs | ||
| package-lock.json | ||
| package.json | ||
| README_AI_RELEASE.md | ||
| tsconfig.json | ||