style: improve styling for agent type sections list and draggable items.
This commit is contained in:
@@ -239,7 +239,7 @@ export default function AgentTypeSectionsPage() {
|
|||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div className="divide-y divide-gray-200">
|
<div className="p-4 space-y-3">
|
||||||
{sections.map((section, index) => (
|
{sections.map((section, index) => (
|
||||||
<div
|
<div
|
||||||
key={section.id}
|
key={section.id}
|
||||||
@@ -247,8 +247,8 @@ export default function AgentTypeSectionsPage() {
|
|||||||
onDragStart={() => handleDragStart(index)}
|
onDragStart={() => handleDragStart(index)}
|
||||||
onDragOver={(e) => handleDragOver(e, index)}
|
onDragOver={(e) => handleDragOver(e, index)}
|
||||||
onDragEnd={handleDragEnd}
|
onDragEnd={handleDragEnd}
|
||||||
className={`px-6 py-4 flex items-center justify-between hover:bg-gray-50 cursor-move transition-colors ${
|
className={`bg-white rounded-lg shadow p-4 flex items-center justify-between hover:shadow-md cursor-move transition-all ${
|
||||||
draggedIndex === index ? 'bg-blue-50 border-2 border-blue-300 border-dashed' : ''
|
draggedIndex === index ? 'ring-2 ring-blue-300 ring-offset-2 shadow-lg' : ''
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
<div className="flex items-center space-x-4">
|
<div className="flex items-center space-x-4">
|
||||||
|
|||||||
Reference in New Issue
Block a user