issue: 右边栏样式异常 #22

wutianbiao · wutianbiao · commit e5ff339c97fb · 2026-03-02T14:33:53.000+08:00
diff --git a/backend/frontend/static/style.css b/backend/frontend/static/style.css
@@ -463,7 +463,7 @@ body {
 }
 
 .workspace-section {
-    padding-top: var(--space-xl);
+    /* padding-top: var(--space-xl); */
     padding-bottom: var(--space-md);
     border-bottom: none;
 }
@@ -581,7 +581,7 @@ body {
     flex-direction: column;
     min-height: 0;
     border-top: 1px solid var(--border-color);
-    margin-top: var(--space-xl);
+    /* margin-top: var(--space-xl); */
 }
 
 .section-notes .panel-header {
@@ -649,6 +649,7 @@ body {
 
 .panel-right {
     background: var(--bg-secondary);
+    overflow-y: auto;
 }
 
 .panel-header {
@@ -1137,6 +1138,7 @@ body {
     flex: 1;
     overflow-y: auto;
     padding: var(--space-md);
+    min-height: 180px;
 }
 
 /* Infographic Styles */

Original file line number	Diff line number	Diff line change
`@@ -463,7 +463,7 @@ body {`
`463`	`463`	`}`
`464`	`464`
`465`	`465`	`.workspace-section {`
`466`		`- padding-top: var(--space-xl);`
	`466`	`+ /* padding-top: var(--space-xl); */`
`467`	`467`	`padding-bottom: var(--space-md);`
`468`	`468`	`border-bottom: none;`
`469`	`469`	`}`
`@@ -581,7 +581,7 @@ body {`
`581`	`581`	`flex-direction: column;`
`582`	`582`	`min-height: 0;`
`583`	`583`	`border-top: 1px solid var(--border-color);`
`584`		`- margin-top: var(--space-xl);`
	`584`	`+ /* margin-top: var(--space-xl); */`
`585`	`585`	`}`
`586`	`586`
`587`	`587`	`.section-notes .panel-header {`
`@@ -649,6 +649,7 @@ body {`
`649`	`649`
`650`	`650`	`.panel-right {`
`651`	`651`	`background: var(--bg-secondary);`
	`652`	`+ overflow-y: auto;`
`652`	`653`	`}`
`653`	`654`
`654`	`655`	`.panel-header {`
`@@ -1137,6 +1138,7 @@ body {`
`1137`	`1138`	`flex: 1;`
`1138`	`1139`	`overflow-y: auto;`
`1139`	`1140`	`padding: var(--space-md);`
	`1141`	`+ min-height: 180px;`
`1140`	`1142`	`}`
`1141`	`1143`
`1142`	`1144`	`/* Infographic Styles */`