DanielRegaladoCardoso commited on
Commit
180e51f
·
verified ·
1 Parent(s): 20f5c06

Cap chart size: max-width 880px and max-height 460px so charts have natural proportions

Browse files
Files changed (1) hide show
  1. app.py +11 -2
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: 28px;
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 { width: 100% !important; height: auto !important; display: block; }
 
 
 
 
 
 
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;