Upload index.html
Browse files- index.html +3 -2
index.html
CHANGED
|
@@ -69,7 +69,8 @@
|
|
| 69 |
.panel-note{font-size:11.5px;color:var(--muted);margin-top:14px;line-height:1.5;border-top:1px solid var(--line);padding-top:12px;}
|
| 70 |
|
| 71 |
.charts-col{display:flex;flex-direction:column;gap:18px;}
|
| 72 |
-
.charts-full{display:flex;flex-direction:column;gap:18px;margin-top:18px;}
|
|
|
|
| 73 |
.chart-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 18px 8px;}
|
| 74 |
.chart-card-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;flex-wrap:wrap;gap:6px;}
|
| 75 |
.chart-card-head h3{font-size:15px;color:var(--ink);}
|
|
@@ -231,6 +232,7 @@
|
|
| 231 |
<div id="rain30-bar-body"></div>
|
| 232 |
</div>
|
| 233 |
</div>
|
|
|
|
| 234 |
|
| 235 |
<div class="charts-full">
|
| 236 |
<div class="chart-card">
|
|
@@ -263,7 +265,6 @@
|
|
| 263 |
<div id="monthly-normals-body"><div class="loading">—</div></div>
|
| 264 |
</div>
|
| 265 |
</div>
|
| 266 |
-
</div>
|
| 267 |
</div>
|
| 268 |
|
| 269 |
</main>
|
|
|
|
| 69 |
.panel-note{font-size:11.5px;color:var(--muted);margin-top:14px;line-height:1.5;border-top:1px solid var(--line);padding-top:12px;}
|
| 70 |
|
| 71 |
.charts-col{display:flex;flex-direction:column;gap:18px;}
|
| 72 |
+
.charts-full{display:flex;flex-direction:column;gap:18px;margin-top:18px;margin-left:322px;}
|
| 73 |
+
@media(max-width:1100px){.charts-full{margin-left:0;}}
|
| 74 |
.chart-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 18px 8px;}
|
| 75 |
.chart-card-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;flex-wrap:wrap;gap:6px;}
|
| 76 |
.chart-card-head h3{font-size:15px;color:var(--ink);}
|
|
|
|
| 232 |
<div id="rain30-bar-body"></div>
|
| 233 |
</div>
|
| 234 |
</div>
|
| 235 |
+
</div>
|
| 236 |
|
| 237 |
<div class="charts-full">
|
| 238 |
<div class="chart-card">
|
|
|
|
| 265 |
<div id="monthly-normals-body"><div class="loading">—</div></div>
|
| 266 |
</div>
|
| 267 |
</div>
|
|
|
|
| 268 |
</div>
|
| 269 |
|
| 270 |
</main>
|