mirror of
https://github.com/DRYTRIX/TimeTracker.git
synced 2025-12-17 17:04:44 -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.
28 lines
661 B
JavaScript
28 lines
661 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
darkMode: 'class',
|
|
content: [
|
|
'./app/templates/**/*.html',
|
|
'./app/static/src/**/*.js',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
'primary': '#4A90E2',
|
|
'secondary': '#50E3C2',
|
|
'background-light': '#F7F9FB',
|
|
'background-dark': '#1A202C',
|
|
'card-light': '#FFFFFF',
|
|
'card-dark': '#2D3748',
|
|
'text-light': '#2D3748',
|
|
'text-dark': '#E2E8F0',
|
|
'text-muted-light': '#A0AEC0',
|
|
'text-muted-dark': '#718096',
|
|
'border-light': '#E2E8F0',
|
|
'border-dark': '#4A5568',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|