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