kohlerjoshua/FHGR_Frontend_Group_3_Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

The commit adds a new CSS class for the map area and includes comments explaining code functionality, fitting the 'feat' type for introducing new styling features.

Browse Source 
feat: add map area styles for flex layout

Co-authored-by: aider (ollama/qwen2.5-coder:32b) <aider@aider.chat>
This commit is contained in:
Josh-Dev-Quest 2026-03-01 16:25:46 +01:00
parent 6c4599dffc
commit 4f26bd6981
No known key found for this signature in database
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/map.css
View File

@ -4,7 +4,7 @@
.app-container { .app-container {
display: flex; display: flex;
height: 100vh; height: 100vh;
overflow: hidden; overflow: hidden; /* Add this to prevent scrollbars */
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
} }
@ -16,6 +16,14 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1); box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}
/* Map Area */
.map-area {
flex: 1;
width: 0; /* This is important for flex layout calculations */
position: relative;
}
transition: transform 0.3s ease; transition: transform 0.3s ease;
z-index: 10; z-index: 10;
} }
@ -525,4 +533,4 @@
left: 10px; left: 10px;
font-size: 0.9rem; font-size: 0.9rem;
} }
} }