AgendaPro Dev
e8d2435cc2
Multi-tenant scheduling SaaS (AgendaPro-equivalent): - Backend: Node + Express + node:sqlite, multi-tenant (admin/owner/employee), versioned migrations, 4 templates (estetica-spa, barberia, clinica, blank). - Frontend: React 18 + TS + Vite + Tailwind, FullCalendar drag-and-drop, Recharts dashboard, mobile-first (day/list views on mobile). - Features: calendar+services+employees+clients+tickets, dashboard with best employee/service, top tickets, top/frequent clients, commissions, cancellation policy + no-show tracking, public online booking (/b/:slug), cash register (cierre de caja), reminders/notifications center. - Verification: 65/65 e2e API, 58/58 visual (0 overflow, 0 console errors), typecheck clean, vite build OK.
67 lines
1.7 KiB
JavaScript
67 lines
1.7 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ["./index.html", "./src/**/*.{ts,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ["Inter", "system-ui", "sans-serif"],
|
|
},
|
|
colors: {
|
|
brand: {
|
|
50: "#eef4ff",
|
|
100: "#dbe6ff",
|
|
200: "#bfd2ff",
|
|
300: "#93b4ff",
|
|
400: "#608bff",
|
|
500: "#3b66ff",
|
|
600: "#2447f5",
|
|
700: "#1c36dc",
|
|
800: "#1d31b1",
|
|
900: "#1e2f8c",
|
|
950: "#161e54",
|
|
},
|
|
accent: {
|
|
50: "#fef7ee",
|
|
100: "#fdedd6",
|
|
200: "#fbd7ac",
|
|
300: "#f8ba77",
|
|
400: "#f49342",
|
|
500: "#f17616",
|
|
600: "#df5d0b",
|
|
700: "#b9440b",
|
|
800: "#943612",
|
|
900: "#7a2f12",
|
|
},
|
|
},
|
|
boxShadow: {
|
|
soft: "0 2px 12px -2px rgba(15, 23, 42, 0.08)",
|
|
card: "0 6px 24px -6px rgba(15, 23, 42, 0.12)",
|
|
},
|
|
borderRadius: {
|
|
xl: "0.9rem",
|
|
"2xl": "1.25rem",
|
|
},
|
|
animation: {
|
|
"fade-in": "fadeIn 0.25s ease-out",
|
|
"slide-up": "slideUp 0.3s ease-out",
|
|
"scale-in": "scaleIn 0.2s ease-out",
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
"0%": { opacity: "0" },
|
|
"100%": { opacity: "1" },
|
|
},
|
|
slideUp: {
|
|
"0%": { opacity: "0", transform: "translateY(8px)" },
|
|
"100%": { opacity: "1", transform: "translateY(0)" },
|
|
},
|
|
scaleIn: {
|
|
"0%": { opacity: "0", transform: "scale(0.96)" },
|
|
"100%": { opacity: "1", transform: "scale(1)" },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|