адаптив основной страниц под экраны с разрешениями >1920
This commit is contained in:
@@ -209,4 +209,16 @@ abbr[title] {
|
|||||||
.react-calendar__month-view__days button:nth-child(35),
|
.react-calendar__month-view__days button:nth-child(35),
|
||||||
.react-calendar__month-view__days button:nth-child(42) {
|
.react-calendar__month-view__days button:nth-child(42) {
|
||||||
border-radius: 0px 8px 8px 0;
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@@ -37,4 +37,26 @@
|
|||||||
|
|
||||||
.request-form-submit-button:hover {
|
.request-form-submit-button:hover {
|
||||||
opacity: 0.7;
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@@ -340,6 +340,33 @@
|
|||||||
width: 3vw;
|
width: 3vw;
|
||||||
height: 4vw;
|
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) {
|
@media screen and (max-width: 1280px) {
|
||||||
|
|||||||
@@ -70,6 +70,14 @@
|
|||||||
cursor: default;
|
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) {
|
@media screen and (max-width: 1000px) {
|
||||||
.time-selector-container {
|
.time-selector-container {
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user