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

Remove bottom padding from page content areas

Browse Source 
Remove padding-bottom from page-content and admin-tab-content
across all responsive breakpoints to eliminate extra scrollable
space at the bottom of pages.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
matteoscrugli
2025-12-23 21:59:38 +01:00
parent 00685c91fe
commit cc502b5d4c
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -397,7 +397,7 @@ label,
/* Main content wrapper - with symmetric padding from sidebar edge to window edge */
.page-content {
flex: 1;
padding: var(--page-padding-y) var(--page-padding-x);
padding: var(--page-padding-y) var(--page-padding-x) 0;
width: 100%;
max-width: var(--page-max-width);
margin: 0 auto;
@@ -412,7 +412,7 @@ label,
/* Admin tab content (for tabbed interfaces) */
.admin-tab-content {
padding: var(--page-padding-y) var(--page-padding-x);
padding: var(--page-padding-y) var(--page-padding-x) 0;
max-width: var(--page-max-width);
margin: 0 auto;
width: 100%;
@@ -454,7 +454,7 @@ label,
}
.admin-tab-content {
padding: var(--page-padding-y-tablet) var(--page-padding-x-tablet);
padding: var(--page-padding-y-tablet) var(--page-padding-x-tablet) 0;
}
}
@@ -623,11 +623,11 @@ label,
}
.page-content {
padding: var(--page-padding-y-mobile) var(--page-padding-x-mobile);
padding: var(--page-padding-y-mobile) var(--page-padding-x-mobile) 0;
}
.admin-tab-content {
padding: var(--page-padding-y-mobile) var(--page-padding-x-mobile);
padding: var(--page-padding-y-mobile) var(--page-padding-x-mobile) 0;
}
}
@@ -640,11 +640,11 @@ label,
}
.page-content {
padding: var(--page-padding-y-mobile) var(--page-padding-x-mobile);
padding: var(--page-padding-y-mobile) var(--page-padding-x-mobile) 0;
}
.admin-tab-content {
padding: var(--page-padding-y-mobile) var(--page-padding-x-mobile);
padding: var(--page-padding-y-mobile) var(--page-padding-x-mobile) 0;
}
}