mirror of
https://github.com/coleam00/Archon.git
synced 2026-01-11 09:07:05 -05:00
Add titles to action buttons in DocumentCard, DraggableTaskCard, and TaskTableView components.
This commit is contained in:
@@ -150,6 +150,7 @@ export const DraggableTaskCard = ({
|
||||
onDelete(task);
|
||||
}}
|
||||
className="w-5 h-5 rounded-full flex items-center justify-center bg-red-100/80 dark:bg-red-500/20 text-red-600 dark:text-red-400 hover:bg-red-200 dark:hover:bg-red-500/30 hover:shadow-[0_0_10px_rgba(239,68,68,0.3)] transition-all duration-300"
|
||||
title="Delete task"
|
||||
>
|
||||
<Trash2 className="w-3 h-3" />
|
||||
</button>
|
||||
@@ -159,12 +160,14 @@ export const DraggableTaskCard = ({
|
||||
onView();
|
||||
}}
|
||||
className="w-5 h-5 rounded-full flex items-center justify-center bg-cyan-100/80 dark:bg-cyan-500/20 text-cyan-600 dark:text-cyan-400 hover:bg-cyan-200 dark:hover:bg-cyan-500/30 hover:shadow-[0_0_10px_rgba(34,211,238,0.3)] transition-all duration-300"
|
||||
title="Edit task"
|
||||
>
|
||||
<Edit className="w-3 h-3" />
|
||||
</button>
|
||||
<button
|
||||
onClick={toggleFlip}
|
||||
className="w-5 h-5 rounded-full flex items-center justify-center bg-cyan-100/80 dark:bg-cyan-500/20 text-cyan-600 dark:text-cyan-400 hover:bg-cyan-200 dark:hover:bg-cyan-500/30 hover:shadow-[0_0_10px_rgba(34,211,238,0.3)] transition-all duration-300"
|
||||
title="View task details"
|
||||
>
|
||||
<RefreshCw className="w-3 h-3" />
|
||||
</button>
|
||||
@@ -224,6 +227,7 @@ export const DraggableTaskCard = ({
|
||||
<button
|
||||
onClick={toggleFlip}
|
||||
className="ml-auto w-5 h-5 rounded-full flex items-center justify-center bg-cyan-100/80 dark:bg-cyan-500/20 text-cyan-600 dark:text-cyan-400 hover:bg-cyan-200 dark:hover:bg-cyan-500/30 hover:shadow-[0_0_10px_rgba(34,211,238,0.3)] transition-all duration-300"
|
||||
title="Flip back to front"
|
||||
>
|
||||
<RefreshCw className="w-3 h-3" />
|
||||
</button>
|
||||
@@ -237,7 +241,7 @@ export const DraggableTaskCard = ({
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user