LLM/moltbot
1
0
Fork 0
mirror of https://github.com/moltbot/moltbot.git synced 2026-03-08 06:54:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): add mobile responsive margins and overflow fallback

Browse Source 
- Add margin: 0 for mobile viewports (<=600px, <=400px) to prevent clipping
- Add overflow: hidden fallback for older browsers (Safari <16, Firefox <81)
- Fixes mobile regression where negative margins over-cancel padding

Addresses issue where save button was clipped on mobile due to
hard-coded desktop negative margins not accounting for mobile's
smaller content padding (4px 4px 16px).
This commit is contained in:
Val Alexander
2026-03-02 09:21:45 -06:00
committed by Val Alexander
parent 20c36f7e84
commit 24a13c05b3
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
ui/src/styles/config.css
View File

@@ -12,9 +12,24 @@
border-radius: var(--radius-xl);
border: 1px solid var(--border);
background: var(--panel);
overflow: hidden; /* fallback for older browsers */
overflow: clip;
}
/* Mobile: adjust margins to match mobile .content padding (4px 4px 16px) */
@media (max-width: 600px) {
.config-layout {
margin: 0; /* safest: no negative margin cancellation on mobile */
}
}
/* Small mobile: even smaller padding */
@media (max-width: 400px) {
.config-layout {
margin: 0;
}
}
/* ===========================================
Sidebar
=========================================== */
@@ -377,6 +392,7 @@
min-height: 0;
min-width: 0;
background: var(--panel);
overflow: hidden; /* fallback for older browsers */
overflow: clip;
}