🌊 TeamFlow — Modern Trello alternative with email integration
- Full-stack: React 18 + Express + SQLite - Drag-and-drop kanban boards with @hello-pangea/dnd - Google App Password email integration (SMTP + IMAP) - Inbound email: create cards by sending emails - Reply-to-card: email replies become comments - Admin/user management with role-based access - Setup wizard: email config → admin creation - Checklists, time tracking, priorities, labels, due dates - Real-time notifications with activity feed - Beautiful HTML email templates
This commit is contained in:
27
client/src/index.css
Normal file
27
client/src/index.css
Normal file
@@ -0,0 +1,27 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
|
||||
|
||||
@layer base {
|
||||
::-webkit-scrollbar { width: 8px; height: 8px; }
|
||||
::-webkit-scrollbar-track { background: transparent; }
|
||||
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
|
||||
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
|
||||
}
|
||||
|
||||
.gradient-blue { background: linear-gradient(135deg, #1e40af, #3b82f6, #60a5fa); }
|
||||
.gradient-purple { background: linear-gradient(135deg, #6d28d9, #8b5cf6, #a78bfa); }
|
||||
.gradient-green { background: linear-gradient(135deg, #047857, #10b981, #34d399); }
|
||||
.gradient-orange { background: linear-gradient(135deg, #c2410c, #f97316, #fb923c); }
|
||||
.gradient-pink { background: linear-gradient(135deg, #be185d, #ec4899, #f472b6); }
|
||||
.gradient-teal { background: linear-gradient(135deg, #0f766e, #14b8a6, #2dd4bf); }
|
||||
.gradient-indigo { background: linear-gradient(135deg, #4338ca, #6366f1, #818cf8); }
|
||||
.gradient-red { background: linear-gradient(135deg, #b91c1c, #ef4444, #f87171); }
|
||||
|
||||
.card-enter { animation: cardIn 0.2s ease-out; }
|
||||
@keyframes cardIn {
|
||||
from { opacity: 0; transform: translateY(-8px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
Reference in New Issue
Block a user