Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add width constraints to prevent horizontal overflow on mobile
All checks were successful
CI / update (push) Successful in 24s
Details

Browse Source 
Added max-width: 100% and overflow-x: hidden to main-content and cospend-main containers to prevent child elements from forcing horizontal scroll on mobile devices.
This commit is contained in:
Alexander Bocken
2025-12-09 14:35:43 +01:00
parent aa0942ba82
commit ea6eecc00b
2 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/routes/cospend/+layout.svelte
View File

@@ -81,6 +81,8 @@
.main-content { .main-content {
flex: 1; flex: 1;
max-width: 100%;
overflow-x: hidden;
transition: margin-right 0.3s ease-out; transition: margin-right 0.3s ease-out;
} }

2
src/routes/cospend/+page.svelte
View File

@@ -275,6 +275,8 @@
.cospend-main { .cospend-main {
margin: 0 auto; margin: 0 auto;
padding: 2rem; padding: 2rem;
max-width: 100%;
overflow-x: hidden;
} }
h1 { h1 {