From 2d9dc77d9f446d16f3c69b5b7705c38fdf3574aa Mon Sep 17 00:00:00 2001 From: DmitriyB Date: Thu, 28 Jul 2022 12:36:02 +0500 Subject: [PATCH] =?UTF-8?q?=D0=B0=D0=B4=D0=B0=D0=BF=D1=82=D0=B8=D0=B2=20?= =?UTF-8?q?=D0=BE=D1=81=D0=BD=D0=BE=D0=B2=D0=BD=D0=BE=D0=B9=20=D1=81=D1=82?= =?UTF-8?q?=D1=80=D0=B0=D0=BD=D0=B8=D1=86=20=D0=BF=D0=BE=D0=B4=20=D1=8D?= =?UTF-8?q?=D0=BA=D1=80=D0=B0=D0=BD=D1=8B=20=D1=81=20=D1=80=D0=B0=D0=B7?= =?UTF-8?q?=D1=80=D0=B5=D1=88=D0=B5=D0=BD=D0=B8=D1=8F=D0=BC=D0=B8=20>1920?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/mainPart/calendar/calendar.css | 12 +++++++++ src/components/mainPart/form/form.css | 22 +++++++++++++++ src/components/mainPart/mainPart.css | 27 +++++++++++++++++++ .../mainPart/timeSelector/timeSelector.css | 8 ++++++ 4 files changed, 69 insertions(+) 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 {