Files
pfandsystem-demo/tailwind.config.js

31 lines
762 B
JavaScript
Raw Normal View History

feat(frontend): Tailwind UI + Whitelabel + Multi-Tenant Components Tech: - Tailwind 3.4 + PostCSS + Autoprefixer - Inter via rsms.me, Slate + Indigo (brand-* Farbpalette) - Komponenten-Klassen .btn-{primary|secondary|danger|ghost}, .input, .label, .card, .badge-* Visuelles Refresh: - Logo entfernt - Wortmarke Pfandsystem mit Mono-Box - Login: zentriertes Card-Layout mit Tenant-Slug-Toggle - TopNav: cleanes Header mit Tabs + User-Menue, Demo-Badge - Konsistente Card/Table/Badge-Patterns ueber alle Views - Mobile-First (Tabellen scrollen, Filter wrap) Komponenten neu/umgebaut: - Auth/Login.jsx - Tenant-Slug aus URL-Param ?tenant=... - Auth/PasswordChange.jsx - Dashboard/Dashboard.jsx - Dashboard/TopNav.jsx - inkl. Mobile-Hamburger - Dashboard/Account.jsx (neu) - Dashboard/AdminDashboard.jsx - Soll-Ist mit CSV-Export - Dashboard/VorgangsListe.jsx - Dashboard/BildModal.jsx - Eingabe/VorgangForm.jsx - Kunden-Info-Popup mit Hinweis+Bildern+Maps - KundenVerwaltung.jsx - inkl. Anlieferungshinweis, Lieferzeit, Bilder-Modal - MitarbeiterVerwaltung.jsx - Aktiv-Toggle, Fahrer-Rolle - Geraete.jsx (neu) - CRUD mit Status-Badges, Filter - TourPlanung.jsx (neu) - Sortiert nach Lieferzeit, Navi-Button, Done-Persistenz - SuperAdmin.jsx (neu) - Tenant-Liste + Demo-Anlage-Modal + Verlaengern API Client: - relative URL /api (Traefik-Proxy) - Tenant-Slug im Login - Endpoints fuer tenants, geraete, kunden-bilder Sonstiges: - nginx.conf: SSL raus (Traefik macht TLS), Host-Lock raus, Gzip, immutable Cache - docker-compose: Frontend baut via Dockerfile (multi-stage) - Manifest/Theme: #4338ca (Indigo) - Aufgeraeumt: alte Supabase-Reste, Logout-Komponente (jetzt im Menu), nicht mehr noetige Deploy-Skripte
2026-05-26 13:18:13 +00:00
/** @type {import('tailwindcss').Config} */
export default {
content: ["./index.html", "./src/**/*.{js,jsx}"],
theme: {
extend: {
fontFamily: {
sans: ['Inter', 'system-ui', 'Segoe UI', 'Helvetica', 'Arial', 'sans-serif'],
},
colors: {
brand: {
50: '#eef2ff',
100: '#e0e7ff',
200: '#c7d2fe',
300: '#a5b4fc',
400: '#818cf8',
500: '#6366f1',
600: '#4f46e5',
700: '#4338ca',
800: '#3730a3',
900: '#312e81',
}
},
boxShadow: {
card: '0 1px 3px 0 rgb(15 23 42 / 0.06), 0 1px 2px -1px rgb(15 23 42 / 0.04)',
soft: '0 4px 16px -2px rgb(15 23 42 / 0.08)',
}
},
},
plugins: [],
}