matteoscrugli/app-service
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use page-padding-y-mobile for mobile tab bar gaps

Browse Source 
Match desktop proportions by using --page-padding-y-mobile (1.25rem)
instead of --space-3 (0.75rem) for both top and bottom gaps.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
matteoscrugli
2026-01-11 14:15:11 +01:00
parent 44462ca295
commit 53aab32cfd
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/styles/Layout.css
View File

@@ -444,8 +444,8 @@ label,
@media (max-width: 768px) { @media (max-width: 768px) {
.main-content { .main-content {
margin-left: 0; margin-left: 0;
--page-padding-y-mobile-gap: var(--space-3); --page-padding-y-mobile-gap: var(--page-padding-y-mobile);
--page-padding-y-mobile-bottom-gap: var(--space-3); --page-padding-y-mobile-bottom-gap: var(--page-padding-y-mobile);
--tabs-slider-height-fallback: calc(var(--tab-pill-height, 44px) + 8px); --tabs-slider-height-fallback: calc(var(--tab-pill-height, 44px) + 8px);
} }