diff --git a/src/components/mainPart/calendar/calendar.css b/src/components/mainPart/calendar/calendar.css index a693d95..e627dd2 100644 --- a/src/components/mainPart/calendar/calendar.css +++ b/src/components/mainPart/calendar/calendar.css @@ -209,4 +209,16 @@ abbr[title] { .react-calendar__month-view__days button:nth-child(35), .react-calendar__month-view__days button:nth-child(42) { border-radius: 0px 8px 8px 0; +} + +@media screen and (min-width: 2000px) { + .react-calendar__navigation__label__labelText.react-calendar__navigation__label__labelText--from { + font-size: 1.2vw; + } + .react-calendar__month-view__weekdays { + font-size: 1vw; + } + .react-calendar__tile { + font-size: 1.1vw; + } } \ No newline at end of file diff --git a/src/components/mainPart/form/form.css b/src/components/mainPart/form/form.css index de472a0..b6d17bc 100644 --- a/src/components/mainPart/form/form.css +++ b/src/components/mainPart/form/form.css @@ -37,4 +37,26 @@ .request-form-submit-button:hover { opacity: 0.7; +} + +@media screen and (min-width: 2000px) { + .MuiTextField-root { + /* padding: 20px !important; */ + /* height: 100px; 25 12 8 */ + } + + .MuiInputLabel-root { + /* top: 0px !important; */ + line-height: 1vw !important; + } + + .MuiFilledInput-input { + font-size: 1vw !important; + /* height: 40% !important; */ + padding: 1vw .5vw .4vw !important; + } + + .MuiInputLabel-root { + font-size: .8vw !important; + } } \ No newline at end of file diff --git a/src/components/mainPart/mainPart.css b/src/components/mainPart/mainPart.css index 258ca1b..c057564 100644 --- a/src/components/mainPart/mainPart.css +++ b/src/components/mainPart/mainPart.css @@ -340,6 +340,33 @@ width: 3vw; height: 4vw; } + + .main-part-plan-content { + z-index: 1; + display: flex; + flex-direction: column; + margin-bottom: auto; + } + + .plan-content-container { + width: 35%; + } + + .plan-content-title { + font-size: 2vw; + } + + .legend-text { + font-size: .8vw; + } + + .plan-content-date { + font-size: 1.2vw; + } + + .plan-content-content { + margin: 2vw 0 1vw 0; + } } @media screen and (max-width: 1280px) { diff --git a/src/components/mainPart/timeSelector/timeSelector.css b/src/components/mainPart/timeSelector/timeSelector.css index e024709..0e1b38a 100644 --- a/src/components/mainPart/timeSelector/timeSelector.css +++ b/src/components/mainPart/timeSelector/timeSelector.css @@ -70,6 +70,14 @@ cursor: default; } +@media screen and (min-width: 2000px) { + .row-item { + padding: 1.1vw 8px; + height: 40px; + font-size: 1.1vw; + } +} + @media screen and (max-width: 1000px) { .time-selector-container {