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