fix(stats): resizing breaks pie charts (#2030)
Carlos Alexandro Becker
created
resizing the browser would "break" the pie charts, cutting them off
Signed-off-by: Carlos Alexandro Becker <caarlos0@users.noreply.github.com>
Change summary
internal/cmd/stats/index.css | 13 ++++---------
1 file changed, 4 insertions(+), 9 deletions(-)
Detailed changes
@@ -189,20 +189,15 @@ body {
}
.chart-row {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
+ display: flex;
+ flex-wrap: wrap;
gap: 1.5rem;
width: 100%;
}
.chart-row .chart-card {
- width: 100%;
-}
-
-@media (max-width: 1024px) {
- .chart-row {
- grid-template-columns: 1fr;
- }
+ flex: 1 1 300px;
+ max-width: calc((100% - 1.5rem) / 2);
}
.chart-card h2 {