Showing
6 changed files
with
11 additions
and
5 deletions
| ... | @@ -2,6 +2,8 @@ | ... | @@ -2,6 +2,8 @@ |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | <head> | 3 | <head> |
| 4 | <meta charset="utf-8" /> | 4 | <meta charset="utf-8" /> |
| 5 | + <meta name="viewport" content="width=device-width,initial-scale=1"> | ||
| 6 | + | ||
| 5 | <link rel="stylesheet" href="%PUBLIC_URL%/index.css" /> | 7 | <link rel="stylesheet" href="%PUBLIC_URL%/index.css" /> |
| 6 | 8 | ||
| 7 | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" /> | 9 | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" /> | ... | ... |
| ... | @@ -90,7 +90,7 @@ export default function BodyLayout() { | ... | @@ -90,7 +90,7 @@ export default function BodyLayout() { |
| 90 | return ( | 90 | return ( |
| 91 | <> | 91 | <> |
| 92 | {showDate} | 92 | {showDate} |
| 93 | - <Grid item xs={6} sm={6} md={3}> | 93 | + <Grid item xs={12} sm={6} md={3}> |
| 94 | <TodoCard | 94 | <TodoCard |
| 95 | key={card.id} | 95 | key={card.id} |
| 96 | data={card} | 96 | data={card} | ... | ... |
| ... | @@ -120,6 +120,7 @@ export default function AddButton({ data, handleClose }) { | ... | @@ -120,6 +120,7 @@ export default function AddButton({ data, handleClose }) { |
| 120 | ck: initCK.join(","), | 120 | ck: initCK.join(","), |
| 121 | }); | 121 | }); |
| 122 | handleClose(); | 122 | handleClose(); |
| 123 | + window.location.reload(false); | ||
| 123 | } | 124 | } |
| 124 | }; | 125 | }; |
| 125 | 126 | ... | ... |
| ... | @@ -10,13 +10,14 @@ import SettingButton from "./SettingButton.js"; | ... | @@ -10,13 +10,14 @@ import SettingButton from "./SettingButton.js"; |
| 10 | 10 | ||
| 11 | const useStyles = makeStyles({ | 11 | const useStyles = makeStyles({ |
| 12 | root: { | 12 | root: { |
| 13 | - margin: 10, | 13 | + margin: "0.5rem", |
| 14 | }, | 14 | }, |
| 15 | date: { | 15 | date: { |
| 16 | - fontSize: 14, | 16 | + fontSize: "0.8rem", |
| 17 | float: "left", | 17 | float: "left", |
| 18 | }, | 18 | }, |
| 19 | title: { | 19 | title: { |
| 20 | + fontSize: "1.4rem", | ||
| 20 | clear: "both", | 21 | clear: "both", |
| 21 | float: "left", | 22 | float: "left", |
| 22 | }, | 23 | }, | ... | ... |
| ... | @@ -16,7 +16,8 @@ const useStyles = makeStyles((theme) => ({ | ... | @@ -16,7 +16,8 @@ const useStyles = makeStyles((theme) => ({ |
| 16 | backgroundColor: "rgba(0,0,0,0.8)", | 16 | backgroundColor: "rgba(0,0,0,0.8)", |
| 17 | }, | 17 | }, |
| 18 | paper: { | 18 | paper: { |
| 19 | - width: "25rem", | 19 | + width: "80%", |
| 20 | + maxWidth:"25rem", | ||
| 20 | height: "28rem", | 21 | height: "28rem", |
| 21 | marginTop: "8rem", | 22 | marginTop: "8rem", |
| 22 | marginLeft: "auto", | 23 | marginLeft: "auto", | ... | ... |
| ... | @@ -16,7 +16,8 @@ const useStyles = makeStyles((theme) => ({ | ... | @@ -16,7 +16,8 @@ const useStyles = makeStyles((theme) => ({ |
| 16 | backgroundColor: "rgba(0,0,0,0.8)", | 16 | backgroundColor: "rgba(0,0,0,0.8)", |
| 17 | }, | 17 | }, |
| 18 | paper: { | 18 | paper: { |
| 19 | - width: "25rem", | 19 | + width: "80%", |
| 20 | + maxWidth:"25rem", | ||
| 20 | height: "28rem", | 21 | height: "28rem", |
| 21 | marginTop: "8rem", | 22 | marginTop: "8rem", |
| 22 | marginLeft: "auto", | 23 | marginLeft: "auto", | ... | ... |
-
Please register or login to post a comment