|
1 | | -@tailwind base; |
2 | | -@tailwind components; |
3 | | -@tailwind utilities; |
4 | | - |
5 | | -.flowforge-kanban-board { |
6 | | - @apply flex flex-row h-full w-full overflow-x-auto overflow-y-hidden py-4 px-2 gap-4; |
7 | | -} |
8 | | - |
9 | | -.flowforge-kanban-column { |
10 | | - @apply flex flex-col h-full min-w-64 w-64 bg-gray-100 dark:bg-gray-800 rounded-xl shadow-sm p-2; |
11 | | -} |
12 | | - |
13 | | -.flowforge-kanban-column-header { |
14 | | - @apply flex items-center justify-between p-2 mb-2 font-medium; |
15 | | -} |
16 | | - |
17 | | -.flowforge-kanban-column-count { |
18 | | - @apply flex items-center justify-center h-6 min-w-6 px-1.5 bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 text-xs font-medium rounded-full; |
19 | | -} |
20 | | - |
21 | | -.flowforge-kanban-column-content { |
22 | | - @apply flex-1 overflow-y-auto overflow-x-hidden p-1; |
23 | | - scrollbar-width: thin; |
24 | | -} |
25 | | - |
26 | | -.flowforge-kanban-column-content::-webkit-scrollbar { |
27 | | - @apply w-1.5; |
28 | | -} |
29 | | - |
30 | | -.flowforge-kanban-column-content::-webkit-scrollbar-track { |
31 | | - @apply bg-transparent rounded-full; |
32 | | -} |
33 | | - |
34 | | -.flowforge-kanban-column-content::-webkit-scrollbar-thumb { |
35 | | - @apply bg-gray-300 dark:bg-gray-600 rounded-full; |
36 | | -} |
37 | | - |
38 | | -.flowforge-kanban-card { |
39 | | - @apply bg-white dark:bg-gray-700 rounded-md shadow-sm mb-2 p-3 cursor-grab select-none transition-all duration-200; |
40 | | - @apply hover:shadow-md hover:translate-y-[-2px]; |
41 | | -} |
42 | | - |
43 | | -.flowforge-kanban-card-title { |
44 | | - @apply text-sm font-medium text-gray-900 dark:text-white mb-1; |
45 | | -} |
46 | | - |
47 | | -.flowforge-kanban-card-description { |
48 | | - @apply text-xs text-gray-500 dark:text-gray-400 line-clamp-2; |
49 | | -} |
50 | | - |
51 | | -.flowforge-kanban-card-attributes { |
52 | | - @apply flex flex-wrap gap-2 mt-2; |
53 | | -} |
54 | | - |
55 | | -.flowforge-kanban-card-attribute { |
56 | | - @apply inline-flex items-center text-xs px-2 py-0.5 rounded-full; |
57 | | -} |
58 | | - |
59 | | -.flowforge-kanban-empty-column { |
60 | | - @apply flex flex-col items-center justify-center text-center p-4 text-sm text-gray-400 dark:text-gray-500; |
61 | | -} |
62 | | - |
63 | | -.flowforge-kanban-drop-placeholder { |
64 | | - @apply border-2 border-dashed border-primary-500 rounded-md h-16 mb-2 bg-primary-50 dark:bg-primary-950/30; |
65 | | -} |
66 | | - |
67 | | -.flowforge-kanban-header { |
68 | | - @apply flex items-center justify-between p-2 mb-4; |
69 | | -} |
70 | | - |
71 | | -.flowforge-kanban-search { |
72 | | - @apply relative; |
73 | | -} |
74 | | - |
75 | | -.flowforge-kanban-search-icon { |
76 | | - @apply absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 dark:text-gray-500; |
77 | | -} |
78 | | - |
79 | | -.flowforge-kanban-search-input { |
80 | | - @apply pl-8 pr-4 py-1.5 rounded-md border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-sm; |
81 | | - @apply focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500; |
82 | | -} |
83 | | - |
84 | | - |
85 | | -/* Animations */ |
86 | 1 | .animate-success { |
87 | 2 | animation: successPulse 1s ease-in-out; |
88 | 3 | } |
|
0 commit comments