Mobile responsive fix

This commit is contained in:
mosaic 2026-03-27 19:49:14 +00:00
parent 42d30b4f4b
commit 596843ef92
1 changed files with 12 additions and 1 deletions

View File

@ -76,8 +76,19 @@
.insight strong { color: var(--blue); } .insight strong { color: var(--blue); }
@media (max-width: 768px) { @media (max-width: 768px) {
.kpi-row { grid-template-columns: repeat(2, 1fr); } body { padding: 12px; }
.kpi-row { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.kpi { padding: 14px; }
.kpi-value { font-size: 22px; }
.chart-row { grid-template-columns: 1fr; } .chart-row { grid-template-columns: 1fr; }
.chart-box { height: 220px; }
.section-header { padding: 14px 16px; }
.section-header h2 { font-size: 17px; }
.section-hint { font-size: 13px; }
.section-body { padding: 0 14px 14px; }
table { font-size: 11px; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
th, td { padding: 6px 8px; }
.insight { font-size: 12px; padding: 12px 14px; }
} }
</style> </style>
</head> </head>