Improve mobile UX: condense torrent table and standardize page layouts

- TorrentTable: Condense to 2 columns on mobile (title+meta, actions)
  - Title shown on first line, size/seeders on second line
  - Hide separate seed/size columns on mobile (desktop only)
  - Improved spacing and readability for mobile screens

- Standardize page layouts to match ActivityPage:
  - TorrentsPage: Update header style, padding, and container structure
  - GenPasswordPage: Align header and content layout with other pages
  - Consistent 3rem desktop padding, 0.75rem mobile padding
  - Unified h1 styling: 2rem desktop, 1.5rem mobile, font-weight 300

- Minor improvements:
  - Remove console.log statements from usePlexApi
  - Fix duration unit handling in useTautulliStats
  - Adjust AdminStats label font sizing
  - Reduce Graph.vue point radius for cleaner charts
This commit is contained in:
2026-02-27 18:19:38 +01:00
parent 0c4c30d1a0
commit 64a833c9f8
7 changed files with 163 additions and 44 deletions

View File

@@ -108,7 +108,8 @@ export function useTautulliStats() {
.map(([date, stats]) => ({
date,
plays: stats.plays,
duration: Math.round(stats.duration / 60) // Convert to minutes
duration: stats.duration
// duration: Math.round(stats.duration / 60) // Convert to minutes
}))
.sort((a, b) => a.date.localeCompare(b.date));
}