kjuulh/todo
1
0
Fork 0
Code Issues 1 Pull Requests 1 Projects Releases Wiki Activity

Preserve min-width
Some checks failed
continuous-integration/drone/pr Build is passing
Details
continuous-integration/drone/push Build is failing
Details

Browse Source
This commit is contained in:
Kasper Juul Hermansen 2021-11-15 13:57:46 +01:00
parent c7758eeba2
commit ef91dd3b34
Signed by: kjuulh
GPG Key ID: 0F95C140730F2F23
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/client/src/components/todos/todoCheckmark.tsx
View File

@ -11,7 +11,7 @@ export const TodoCheckmark: FC<TodoCheckmarkProps> = (props) => (
onClick={() => onClick={() =>
props.updateTodo({ ...props.todo, status: !props.todo.status }) props.updateTodo({ ...props.todo, status: !props.todo.status })
} }
className={`h-5 w-5 rounded-full border dark:border-gray-500 ${ className={`todo-checkmark h-5 w-5 rounded-full border dark:border-gray-500 ${
props.todo.status === StatusState.done props.todo.status === StatusState.done
? "dark:bg-gray-700" ? "dark:bg-gray-700"
: "hover:dark:bg-gray-600" : "hover:dark:bg-gray-600"

4
src/client/src/styles/tailwind.css
View File

@ -35,3 +35,7 @@ input {
body { body {
@apply h-screen dark:bg-gray-700 @apply h-screen dark:bg-gray-700
} }
.todo-checkmark {
min-width: 1.25rem;
}