cerchez07/introduction-to-testing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update task.tsx

Browse Source
This commit is contained in:
Steve Kinney
2024-09-18 07:55:47 -06:00
parent 2a8720330e
commit 46db4ef791
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
examples/task-list/src/components/task.tsx
View File

@@ -11,7 +11,7 @@ export const Task = memo(({ task }: TaskProps) => {
const { updateTask, removeTask } = useTaskActions(); const { updateTask, removeTask } = useTaskActions();
return ( return (
<li className="block p-4 space-y-2 border-t first:rounded-t-md border-x last:border-b last:rounded-b-md dark:border-slate-700"> <li className="block p-4 space-y-2 border-t first:rounded-t-md border-x last:border-b last:rounded-b-md dark:border-slate-700 border-slate-300">
<header className="flex flex-row items-center gap-4"> <header className="flex flex-row items-center gap-4">
<label htmlFor={`toggle-${task.id}`} className="sr-only"> <label htmlFor={`toggle-${task.id}`} className="sr-only">
Mark Task as {task.completed ? 'Incomplete' : 'Complete'} Mark Task as {task.completed ? 'Incomplete' : 'Complete'}
@@ -31,7 +31,7 @@ export const Task = memo(({ task }: TaskProps) => {
❌ ❌
</button> </button>
</header> </header>
<label className="text-xs grid grid-cols-[1.25rem_1fr] gap-1 cursor-pointer rounded-md bg-primary-50 dark:bg-primary-950 border-2 border-primary-100 dark:border-primary-900 p-2"> <label className="text-xs grid grid-cols-[1.25rem_1fr] gap-1 cursor-pointer rounded-md bg-primary-50 dark:bg-slate-800 border-2 border-primary-100 dark:border-slate-900 p-2">
<input type="checkbox" className="sr-only peer" /> <input type="checkbox" className="sr-only peer" />
<ChevronRightCircle className="block w-4 h-4 transition-transform peer-checked:rotate-90" /> <ChevronRightCircle className="block w-4 h-4 transition-transform peer-checked:rotate-90" />
<h3 className="select-none">Metadata</h3> <h3 className="select-none">Metadata</h3>