Daniel Krähenbühl
1a7ef09805
Dashboard: - ApexCharts bar chart (income vs fixed costs vs expenses) and donut chart - KPI cards: income, fixed costs, savings rate with configurable goal - Greeting with time-of-day and locale-aware date/time display Authentication & security: - Email-based login (no username), case-insensitive lookup - JWT access/refresh tokens with rotation and blacklist - TOTP 2FA with QR code, backup codes (copy + PDF export) - 2FA recovery via email code - Cloudflare Turnstile CAPTCHA on login and register Email flows: - Email verification on registration (24h token) - Password reset flow (15min token, anti-enumeration) - Brevo SMTP integration with HTML + plaintext email templates - Notification emails: 2FA recovery, password changed, email changed Settings page: - 2FA management (enable/disable, QR, backup codes) - Active sessions list with per-device revoke - Data export: ZIP with 6 PDFs via fpdf2 - Notification preferences (3 toggles) - Danger zone: account deletion with mandatory export + confirmation phrase UI & layout: - Sidebar with collapsible/flyout mode, Angular signal-based dropdowns - Dark mode (class-based), language switcher (DE/FR/IT/EN) - Mobile-responsive layout with touch-friendly targets - Roboto font via @fontsource (GDPR-compliant, no Google CDN) - Pure Tailwind CSS v3 Infrastructure: - Forgejo Actions CI/CD pipeline (auto-deploy on push to main) - Gunicorn + Nginx + PostgreSQL production setup - Rate limiting, HSTS, secure cookies, CSRF protection
34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
darkMode: 'class',
|
|
content: [
|
|
"./src/**/*.{html,ts}",
|
|
],
|
|
safelist: [
|
|
'w-16',
|
|
'w-64',
|
|
'ml-16',
|
|
'ml-64',
|
|
'-translate-x-full',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Roboto', 'ui-sans-serif', 'system-ui', '-apple-system', 'Helvetica Neue', 'Arial', 'sans-serif'],
|
|
},
|
|
fontSize: {
|
|
// Tooltips / Helper Text
|
|
'2xs': ['0.6875rem', { lineHeight: '1rem' }], // 11px
|
|
'xs': ['0.75rem', { lineHeight: '1rem' }], // 12px Labels/Captions
|
|
// Body / Buttons / Navigation
|
|
'sm': ['0.875rem', { lineHeight: '1.375rem' }], // 14px Desktop standard
|
|
'base':['0.9375rem', { lineHeight: '1.5rem' }], // 15px Mobile Body
|
|
// Headings
|
|
'h3': ['1.125rem', { lineHeight: '1.75rem' }], // 18px
|
|
'h2': ['1.375rem', { lineHeight: '2rem' }], // 22px
|
|
'h1': ['1.75rem', { lineHeight: '2.25rem' }], // 28px Desktop
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
} |