aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-27 03:24:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

style: improve Me page mobile tabs and avoid overlap with sidebar buttons

Browse Source 
- Add top margin to header on mobile for floating buttons
- Tighten tab paddings and content spacing
- Reduce left/right padding for more room on small screens
This commit is contained in:
Gigi
2025-10-13 16:15:21 +02:00
parent 811a962632
commit e46b68da7e
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/styles/components/me.css
View File

@@ -94,22 +94,29 @@
/* Mobile responsiveness */
@media (max-width: 768px) {
/* Add top breathing room so floating sidebar buttons don't overlap header */
.explore-container .explore-header {
margin-top: 2.25rem;
}
.me-tabs {
gap: 0.25rem;
padding: 0 1rem;
padding: 0 0.5rem;
margin-top: 0.5rem;
}
.me-tab {
padding: 0.6rem 0.9rem;
font-size: 0.85rem;
padding: 0.5rem 0.7rem;
font-size: 0.82rem;
}
.me-tab svg {
font-size: 0.9rem;
margin-right: 0.25rem;
}
.me-tab-content {
padding: 1.5rem 1rem;
padding: 1.25rem 0.75rem;
}
}