Update plot_week.html
Browse files- plot_week.html +10 -9
plot_week.html
CHANGED
@@ -68,13 +68,6 @@ body {
|
|
68 |
margin: 20px 0;
|
69 |
}
|
70 |
|
71 |
-
/* Адаптивность для планшетов (до 1024px) */
|
72 |
-
@media (max-width: 1024px) {
|
73 |
-
.graph {
|
74 |
-
height: 400px; /* Уменьшаем высоту графика */
|
75 |
-
}
|
76 |
-
}
|
77 |
-
|
78 |
/* Адаптивность для телефонов (до 768px) */
|
79 |
@media (max-width: 768px) {
|
80 |
.header {
|
@@ -82,15 +75,23 @@ body {
|
|
82 |
align-items: center;
|
83 |
}
|
84 |
|
|
|
|
|
|
|
|
|
85 |
.graph {
|
86 |
-
height:
|
87 |
}
|
88 |
}
|
89 |
|
90 |
/* Адаптивность для маленьких телефонов (до 480px) */
|
91 |
@media (max-width: 480px) {
|
|
|
|
|
|
|
|
|
92 |
.graph {
|
93 |
-
height:
|
94 |
}
|
95 |
}
|
96 |
</style>
|
|
|
68 |
margin: 20px 0;
|
69 |
}
|
70 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
71 |
/* Адаптивность для телефонов (до 768px) */
|
72 |
@media (max-width: 768px) {
|
73 |
.header {
|
|
|
75 |
align-items: center;
|
76 |
}
|
77 |
|
78 |
+
.graph-container {
|
79 |
+
margin-bottom: 45px; /* Увеличен отступ между графиками */
|
80 |
+
}
|
81 |
+
|
82 |
.graph {
|
83 |
+
height: 330px; /* Увеличена высота графика */
|
84 |
}
|
85 |
}
|
86 |
|
87 |
/* Адаптивность для маленьких телефонов (до 480px) */
|
88 |
@media (max-width: 480px) {
|
89 |
+
.graph-container {
|
90 |
+
margin-bottom: 50px; /* Ещё больше отступ между графиками */
|
91 |
+
}
|
92 |
+
|
93 |
.graph {
|
94 |
+
height: 280px; /* Ещё немного увеличил высоту */
|
95 |
}
|
96 |
}
|
97 |
</style>
|