diff --git a/frontend/src/styles/Layout.css b/frontend/src/styles/Layout.css index 26422f8..34ec36d 100644 --- a/frontend/src/styles/Layout.css +++ b/frontend/src/styles/Layout.css @@ -865,6 +865,7 @@ label, } [data-tab-position='bottom'] .main-content[data-has-tabs='true'] .page-content, +[data-tab-position='bottom'] .main-content[data-has-tabs='true'] .admin-tab-swipe, [data-tab-position='bottom'] .main-content[data-has-tabs='true'] .admin-tab-content { padding-bottom: calc( var(--page-padding-y) + @@ -892,6 +893,21 @@ label, [data-tab-position='bottom'] .admin-tabs-slider[data-has-tabs='true'] .admin-tabs-divider { display: none; } + + /* Mobile padding for bottom position */ + [data-tab-position='bottom'] .main-content[data-has-tabs='true'] .page-content, + [data-tab-position='bottom'] .main-content[data-has-tabs='true'] .admin-tab-swipe { + padding-top: var(--page-padding-y-mobile); + } + + [data-tab-position='bottom'] .main-content[data-has-tabs='true'] .page-content, + [data-tab-position='bottom'] .main-content[data-has-tabs='true'] .admin-tab-swipe, + [data-tab-position='bottom'] .main-content[data-has-tabs='true'] .admin-tab-content { + padding-bottom: calc( + var(--page-padding-y-mobile) + + var(--tabs-bar-height, calc(72px + env(safe-area-inset-bottom, 0px))) + ); + } } /* Responsive position - top on desktop, bottom on mobile */ @@ -942,6 +958,7 @@ label, } [data-tab-position='responsive'] .main-content[data-has-tabs='true'] .page-content, + [data-tab-position='responsive'] .main-content[data-has-tabs='true'] .admin-tab-swipe, [data-tab-position='responsive'] .main-content[data-has-tabs='true'] .admin-tab-content { padding-bottom: calc( var(--page-padding-y-mobile) +