mirror of
https://github.com/DRYTRIX/TimeTracker.git
synced 2026-02-08 13:18:51 -06:00
3c3faf13d4
Migrate frontend from custom CSS to Tailwind CSS framework with comprehensive template updates and improved component structure. Breaking Changes: - Remove legacy CSS files (base.css, calendar.css, ui.css, etc.) - Replace with Tailwind-based styling system New Features: - Add Tailwind CSS configuration with PostCSS pipeline - Create new template components for admin, clients, invoices, projects, reports - Add form-bridge.css for smooth transition between legacy and Tailwind styles - Add default avatar SVG asset - Implement Tailwind-based kanban board template - Add comprehensive UI quick wins documentation Infrastructure: - Add package.json with Tailwind dependencies - Configure PostCSS and Tailwind build pipeline - Update .gitignore for Node modules and build artifacts Testing: - Add template rendering tests (test_tasks_templates.py) - Add UI component tests (test_ui_quick_wins.py) Templates Added: - Admin: dashboard, settings, system info, user management - Clients: list and detail views - Invoices: full CRUD templates with payment recording - Projects: list, detail, and Tailwind kanban views - Reports: comprehensive reporting templates - Timer: manual entry interface This commit represents the first phase of the UI redesign initiative, maintaining backward compatibility where needed while establishing the foundation for modern, responsive interfaces.
20 lines
828 B
HTML
20 lines
828 B
HTML
{% extends "base.html" %}
|
|
{% from "components/cards.html" import info_card %}
|
|
|
|
{% block content %}
|
|
<div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6">
|
|
<div>
|
|
<h1 class="text-2xl font-bold">System Information</h1>
|
|
<p class="text-text-muted-light dark:text-text-muted-dark">Key metrics and statistics about the application.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
|
{{ info_card("Total Users", total_users, "All time") }}
|
|
{{ info_card("Total Projects", total_projects, "All time") }}
|
|
{{ info_card("Total Time Entries", total_entries, "All time") }}
|
|
{{ info_card("Active Timers", active_timers, "Currently running") }}
|
|
{{ info_card("Database Size (MB)", db_size_mb, "Current size") }}
|
|
</div>
|
|
{% endblock %}
|