s449311/todo-list
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

style update

Browse Source
This commit is contained in:
Tomasz Kasprowicz 2020-12-25 12:23:14 +01:00
parent ab1ee69dda
commit 76667e8a19
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/TodoList.tsx
View File

@ -17,11 +17,11 @@ interface TODOtype {
}
const TodosStyled = styled.div`
display: flex;
display: grid;
height: 92%;
overflow: scroll;
justify-content: center;
flex-wrap: wrap;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
.description {
height: 100px;
overflow: scroll;
@ -54,7 +54,7 @@ const TodoList = (props: any) => {
return (
<div
className="card bg-light"
style={{ width: "200px", flexGrow: 1, height: "min-content" }}
style={{ height: "min-content" }}
key={todo.hash}
>
<div className="card-header">End Date: {todo.date}</div>
@ -88,7 +88,7 @@ const TodoList = (props: any) => {
return (
<div
className="card bg-light"
style={{ width: "200px", flexGrow: 1, height: "min-content" }}
style={{ height: "min-content" }}
key={todo.hash}
>
<div className="card-header">End Date: {todo.date}</div>
@ -131,7 +131,7 @@ const TodoList = (props: any) => {
return (
<div
className="card bg-light"
style={{ width: "200px", flexGrow: 1, height: "min-content" }}
style={{ height: "min-content" }}
key={todo.hash}
>
<div className="card-header">End Date: {todo.date}</div>
@ -176,7 +176,7 @@ const TodoList = (props: any) => {
return (
<div
className="card bg-light"
style={{ width: "200px", flexGrow: 1, height: "min-content" }}
style={{ height: "min-content" }}
key={todo.hash}
>
<div className="card-header">End Date: {todo.date}</div>