修复移动端布局问题

This commit is contained in:
jingrow 2026-01-21 16:48:52 +08:00
parent ac397c3d69
commit 23dfa9278d

View File

@ -2045,7 +2045,7 @@ const removeHistoryItem = (index: number) => {
.page-header {
padding: 10px 12px;
flex-wrap: wrap;
padding-right: 12px; /* Reset padding on mobile */
padding-right: 12px !important; /* Reset padding on mobile */
}
.page-header h2 {
@ -2078,7 +2078,10 @@ const removeHistoryItem = (index: number) => {
.page-content {
padding: 8px 12px;
padding-right: 12px;
padding-right: 12px !important;
}
.page-content.has-sidebar {
padding-bottom: 220px; /* Make space for bottom sidebar */
}
@ -2175,11 +2178,11 @@ const removeHistoryItem = (index: number) => {
}
@media (max-width: 1024px) and (min-width: 769px) {
.page-header {
.page-header.has-sidebar {
padding-right: 276px; /* Adjust for smaller sidebar */
}
.page-content {
.page-content.has-sidebar {
padding-right: 256px; /* Adjust for smaller sidebar */
}