Skip to content
Snippets Groups Projects
Commit e836f043 authored by 준현 강's avatar 준현 강
Browse files

[EDIT] CalendarWeek, media query update

parent c8899b17
No related branches found
No related tags found
No related merge requests found
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
"web-vitals": "^2.1.4" "web-vitals": "^2.1.4"
}, },
"scripts": { "scripts": {
"start": "export PORT=3001 && react-scripts start", "start": " react-scripts start",
"build": "react-scripts build", "build": "react-scripts build",
"test": "react-scripts test", "test": "react-scripts test",
"eject": "react-scripts eject" "eject": "react-scripts eject"
......
...@@ -21,7 +21,7 @@ const CalendarWeek = ({ ...@@ -21,7 +21,7 @@ const CalendarWeek = ({
const parseTime = (time) => { const parseTime = (time) => {
// 자정("00:00:00")을 확인하여 48을 반환 // 자정("00:00:00")을 확인하여 48을 반환
if (time === "00:00:00") { if (time === "00:00:00") {
return 48; return 0;
} }
const [hours, minutes] = time.split(":").map(Number); const [hours, minutes] = time.split(":").map(Number);
......
...@@ -44,12 +44,22 @@ ...@@ -44,12 +44,22 @@
align-items: center; align-items: center;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.flex-bottom-container {
display: flex;
justify-content: space-between;
width: 100%;
bottom: 0;
left: 0;
}
.mostTime,
.possible { .possible {
position: static; position: relative;
width: 40%; width: 40%;
margin: 200px 20px; margin: 200px 20px;
height: 40%;
} }
.flex-row { .flex-row {
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
......
...@@ -55,6 +55,10 @@ ...@@ -55,6 +55,10 @@
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.mostTime {
position: relative;
top: 200px;
}
.flex-bottom-container { .flex-bottom-container {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -64,11 +68,11 @@ ...@@ -64,11 +68,11 @@
left: 0; left: 0;
} }
.mostTime,
.possible { .possible {
position: static; position: static;
width: 40%; width: 40%;
margin: 200px 20px; margin: 200px 20px;
height: 40%;
} }
.flex-row { .flex-row {
flex-direction: column; flex-direction: column;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment