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 @@
"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"
......
......@@ -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);
......
......@@ -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%;
......
......@@ -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;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment