김대휘

디테일 수정

...@@ -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",
......