diff --git a/react-whenMeet/package.json b/react-whenMeet/package.json index 600f87f5fb7656835882ba780874569b60d46f25..3f1a4cc072d1f88d37b8a85ed838b858e5d12ecb 100644 --- a/react-whenMeet/package.json +++ b/react-whenMeet/package.json @@ -19,7 +19,7 @@ "web-vitals": "^2.1.4" }, "scripts": { - "start": "export PORT=3001 && react-scripts start", + "start": " react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" diff --git a/react-whenMeet/src/components/CalendarWeek.jsx b/react-whenMeet/src/components/CalendarWeek.jsx index 604d8f0e3dec2f47abf7c1374a7e547d8039d0d0..3a675e1bbbbfc6594b4776245feeedb5ac0190f4 100644 --- a/react-whenMeet/src/components/CalendarWeek.jsx +++ b/react-whenMeet/src/components/CalendarWeek.jsx @@ -21,7 +21,7 @@ const CalendarWeek = ({ const parseTime = (time) => { // 자정("00:00:00")을 확인하여 48을 반환 if (time === "00:00:00") { - return 48; + return 0; } const [hours, minutes] = time.split(":").map(Number); diff --git a/react-whenMeet/src/styles/ResultEnd.css b/react-whenMeet/src/styles/ResultEnd.css index 02692e2138f8850c3fd15639fdfe48288ac0e20c..b2e2c2e10511b90321913ce0540cdaec1f3cfcf5 100644 --- a/react-whenMeet/src/styles/ResultEnd.css +++ b/react-whenMeet/src/styles/ResultEnd.css @@ -44,12 +44,22 @@ align-items: center; } @media screen and (max-width: 768px) { + .flex-bottom-container { + display: flex; + justify-content: space-between; + width: 100%; + + bottom: 0; + left: 0; + } + + .mostTime, .possible { - position: static; + position: relative; width: 40%; margin: 200px 20px; + height: 40%; } - .flex-row { flex-direction: column; width: 100%; diff --git a/react-whenMeet/src/styles/ResultMake.css b/react-whenMeet/src/styles/ResultMake.css index 482917bc63f5ac5ec045244ab796af8d9b21736f..fcc270ae6f6cfb0a3202ab723040a79850fd7e6c 100644 --- a/react-whenMeet/src/styles/ResultMake.css +++ b/react-whenMeet/src/styles/ResultMake.css @@ -55,6 +55,10 @@ } @media screen and (max-width: 768px) { + .mostTime { + position: relative; + top: 200px; + } .flex-bottom-container { display: flex; justify-content: space-between; @@ -64,11 +68,11 @@ left: 0; } - .mostTime, .possible { position: static; width: 40%; margin: 200px 20px; + height: 40%; } .flex-row { flex-direction: column;