Hide center label on mobile and enlarge chart

- Hide center label on screens ≤500px (redundant with details box)
- Increase chart height to 95vw (500px) and 98vw (400px)
- Reduce container padding to minimize white space
- Adjust details box margin and max-height calculation

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Anton Volnuhin 2026-02-01 15:30:40 +03:00
parent f01d7f791f
commit 2b45a42b49

View File

@ -350,8 +350,8 @@ body {
top: 0; top: 0;
right: 0; right: 0;
width: 100%; width: 100%;
margin-top: 20px; margin-top: 15px;
max-height: calc(100vh - 90lvw - 140px); max-height: calc(100vh - 90vw - 130px);
min-width: 100%; min-width: 100%;
overflow-y: auto; overflow-y: auto;
} }
@ -395,23 +395,15 @@ body {
} }
.center-label { .center-label {
text-align: center; display: none;
} }
.center-month { .container {
font-size: 14px; padding: 15px 10px;
} }
.center-category { .chart-wrapper {
font-size: 14px; height: 95vw;
}
.center-amount {
font-size: 18px;
}
.center-rub {
font-size: 16px;
} }
} }
@ -421,7 +413,7 @@ body {
} }
.container { .container {
padding: 15px; padding: 12px 8px;
} }
.month-btn { .month-btn {
@ -439,20 +431,8 @@ body {
font-size: 16px; font-size: 16px;
} }
.center-month { .chart-wrapper {
font-size: 12px; height: 98vw;
}
.center-category {
font-size: 12px;
}
.center-amount {
font-size: 16px;
}
.center-rub {
font-size: 14px;
} }
.details-header { .details-header {