Shenron/d280-javascript
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Increase map size with 5:1 ratio and 600px min-height

Browse Source
This commit is contained in:
shenron
2026-02-14 15:03:34 -05:00
parent fbfdceeea6
commit 5c4c755d66
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/map/map.css
View File

@@ -7,14 +7,15 @@
} }
.map-column { .map-column {
flex: 3; flex: 5;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.data-column { .data-column {
flex: 1; flex: 1;
min-width: 300px; min-width: 320px;
max-width: 400px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: #f5f5f5; background-color: #f5f5f5;
@@ -29,7 +30,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 100%; width: 100%;
min-height: 500px; min-height: 600px;
} }
.country-info { .country-info {
@@ -74,12 +75,13 @@ h2 {
font-size: 1.5rem; font-size: 1.5rem;
} }
@media (max-width: 768px) { @media (max-width: 968px) {
.container { .container {
flex-direction: column; flex-direction: column;
} }
.map-column, .data-column { .map-column, .data-column {
flex: 1; flex: 1;
max-width: none;
} }
} }