anton/visual-spending
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve responsive layout at medium screen widths

Browse Source 
At 1200px and below, reduce chart width to 60% and increase details
box width to 38% (min 340px) to prevent amounts from being truncated.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Anton Volnuhin 2026-02-01 15:14:31 +03:00
parent aaa05bf2c9
commit a680943417
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
styles.css
View File

@ -313,8 +313,13 @@ body {
/* Add responsive design for smaller screens */ /* Add responsive design for smaller screens */
@media (max-width: 1200px) { @media (max-width: 1200px) {
.chart-wrapper {
width: 60%;
}
#details-box { #details-box {
max-width: 300px; width: 38%;
min-width: 340px;
} }
} }