Przeglądaj źródła

style(project-detail): 为方案确认卡片添加滚动条样式

添加固定高度和自定义滚动条样式,提升方案展示区域的用户体验
0235711 17 godzin temu
rodzic
commit
b8ff3f1d0c

+ 22 - 0
src/app/pages/designer/project-detail/debug-styles.scss

@@ -543,6 +543,28 @@
 
 /* 方案展示相关样式 */
 .proposal-confirm-card {
+  /* 固定高度和滚动条 */
+  max-height: 600px; /* 固定显示区域高度 */
+  overflow-y: auto; /* 垂直滚动条 */
+  
+  /* 自定义滚动条样式 */
+  &::-webkit-scrollbar {
+    width: 8px;
+  }
+  
+  &::-webkit-scrollbar-track {
+    background: #f1f1f1;
+    border-radius: 4px;
+  }
+  
+  &::-webkit-scrollbar-thumb {
+    background: #c1c1c1;
+    border-radius: 4px;
+    
+    &:hover {
+      background: #a8a8a8;
+    }
+  }
   .analysis-progress {
     padding: 24px;
     background: linear-gradient(135deg, #f8f9ff 0%, #e8f2ff 100%);