Spaces:
Running on Zero
Running on Zero
Cap chart size: max-width 880px and max-height 460px so charts have natural proportions
Browse files
app.py
CHANGED
|
@@ -414,14 +414,23 @@ button.secondary, button[variant="secondary"] {
|
|
| 414 |
background: var(--surface-raised);
|
| 415 |
border: 1px solid var(--ink-faint);
|
| 416 |
border-radius: var(--radius);
|
| 417 |
-
padding:
|
| 418 |
margin: 8px 0 14px;
|
| 419 |
box-shadow: var(--shadow-sm);
|
| 420 |
transition: box-shadow 250ms ease, transform 250ms ease;
|
| 421 |
position: relative;
|
|
|
|
|
|
|
|
|
|
| 422 |
}
|
| 423 |
.chart-wrap:hover { box-shadow: var(--shadow-md); }
|
| 424 |
-
.chart-wrap svg {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 425 |
.chart-badge {
|
| 426 |
position: absolute;
|
| 427 |
top: 12px;
|
|
|
|
| 414 |
background: var(--surface-raised);
|
| 415 |
border: 1px solid var(--ink-faint);
|
| 416 |
border-radius: var(--radius);
|
| 417 |
+
padding: 24px;
|
| 418 |
margin: 8px 0 14px;
|
| 419 |
box-shadow: var(--shadow-sm);
|
| 420 |
transition: box-shadow 250ms ease, transform 250ms ease;
|
| 421 |
position: relative;
|
| 422 |
+
max-width: 880px;
|
| 423 |
+
margin-left: auto;
|
| 424 |
+
margin-right: auto;
|
| 425 |
}
|
| 426 |
.chart-wrap:hover { box-shadow: var(--shadow-md); }
|
| 427 |
+
.chart-wrap svg {
|
| 428 |
+
width: 100% !important;
|
| 429 |
+
height: auto !important;
|
| 430 |
+
max-height: 460px !important;
|
| 431 |
+
display: block;
|
| 432 |
+
margin: 0 auto;
|
| 433 |
+
}
|
| 434 |
.chart-badge {
|
| 435 |
position: absolute;
|
| 436 |
top: 12px;
|