Fix extra empty space at bottom of pages
- Remove min-height from main-content - Remove flex: 1 from page-content and admin-tab-swipe - Content areas no longer expand to fill viewport height 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -17,8 +17,6 @@
|
|||||||
.main-content {
|
.main-content {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin-left: var(--sidebar-width);
|
margin-left: var(--sidebar-width);
|
||||||
min-height: 100vh;
|
|
||||||
min-height: 100dvh;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
transition: margin-left 0.3s ease;
|
transition: margin-left 0.3s ease;
|
||||||
@@ -396,7 +394,6 @@ label,
|
|||||||
|
|
||||||
/* Main content wrapper - with symmetric padding from sidebar edge to window edge */
|
/* Main content wrapper - with symmetric padding from sidebar edge to window edge */
|
||||||
.page-content {
|
.page-content {
|
||||||
flex: 1;
|
|
||||||
padding: var(--page-padding-y) var(--page-padding-x) 0;
|
padding: var(--page-padding-y) var(--page-padding-x) 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: var(--page-max-width);
|
max-width: var(--page-max-width);
|
||||||
@@ -667,8 +664,6 @@ label,
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: none;
|
max-width: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
flex: 1 1 auto;
|
|
||||||
min-height: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Swipeable tab panels */
|
/* Swipeable tab panels */
|
||||||
|
|||||||
Reference in New Issue
Block a user