style: improve styling for agent type sections list and draggable items.

This commit is contained in:
pradeepkumar
2026-01-24 20:37:12 +05:30
parent 37612dd001
commit 94305797dc

View File

@@ -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">