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

Unify mobile tab bar padding with desktop

Browse Source 
Set --page-padding-y-mobile-bottom-gap to var(--space-3) to match
the top gap, providing consistent spacing around the tab bar on mobile.

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

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

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