DmitrMakeev commited on
Commit
3326d90
·
verified ·
1 Parent(s): e07e7e6

Update plot_week.html

Browse files
Files changed (1) hide show
  1. plot_week.html +54 -30
plot_week.html CHANGED
@@ -10,36 +10,60 @@
10
  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
11
 
12
  <style>
13
- body {
14
- display: flex;
15
- flex-direction: column;
16
- align-items: center;
17
- margin: 0;
18
- padding: 0;
19
- }
20
- .container {
21
- width: 100%;
22
- max-width: 1200px;
23
- }
24
- .graph-container {
25
- width: 100%;
26
- margin-bottom: 30px;
27
- }
28
- .graph {
29
- width: 100%;
30
- height: 500px;
31
- }
32
- .no-data-message {
33
- font-size: 18px;
34
- color: red;
35
- text-align: center;
36
- margin-top: 20px;
37
- }
38
- .week-buttons {
39
- display: flex;
40
- justify-content: center;
41
- margin: 20px 0;
42
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
43
  </style>
44
  </head>
45
  <body>
 
10
  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
11
 
12
  <style>
13
+ body {
14
+ display: flex;
15
+ flex-direction: column;
16
+ align-items: center;
17
+ margin: 0;
18
+ padding: 0;
19
+ }
20
+
21
+ .container {
22
+ width: 90%;
23
+ max-width: 1200px;
24
+ }
25
+
26
+ /* Шапка */
27
+ .header {
28
+ width: 100%;
29
+ padding: 5px 10px; /* Минимальные отступы сверху/снизу и по бокам */
30
+ display: flex;
31
+ justify-content: space-between;
32
+ align-items: center;
33
+ background-color: #f8f9fa;
34
+ border-bottom: 1px solid #ddd;
35
+ }
36
+
37
+ /* Кнопки и лейбл в шапке */
38
+ .header .buttons,
39
+ .header .label {
40
+ margin: 2px 5px; /* Минимальные отступы */
41
+ }
42
+
43
+ .graph-container {
44
+ width: 100%;
45
+ margin-bottom: 30px;
46
+ }
47
+
48
+ .graph {
49
+ width: 100%;
50
+ height: 500px;
51
+ }
52
+
53
+ .no-data-message {
54
+ font-size: 18px;
55
+ color: red;
56
+ text-align: center;
57
+ margin-top: 20px;
58
+ }
59
+
60
+ /* Кнопки переключения недель */
61
+ .week-buttons {
62
+ display: flex;
63
+ justify-content: center;
64
+ margin: 20px 0;
65
+ }
66
+
67
  </style>
68
  </head>
69
  <body>