File tree Expand file tree Collapse file tree 2 files changed +7
-32
lines changed Expand file tree Collapse file tree 2 files changed +7
-32
lines changed Original file line number Diff line number Diff line change @@ -1801,44 +1801,20 @@ onMounted(() => {
1801
1801
.variables-section {
1802
1802
display : flex ;
1803
1803
flex-direction : column ;
1804
- min-height : 200px ;
1805
1804
1806
- // 优化变量区域的布局
1805
+ // 针对垂直布局下的变量区域添加最大高度设置
1806
+ @at-root .editor-content :not (.horizontal-layout ) & {
1807
+ max-height : 300px ; // 最大高度,内容少时自适应,高内容时出现滚动条
1808
+ }
1809
+
1810
+ // ...existing code...
1807
1811
.variables-search {
1808
1812
margin-bottom : 12px ;
1809
1813
flex-shrink : 0 ; // 防止搜索框被压缩
1810
1814
}
1811
-
1812
1815
.variables {
1813
1816
flex : 1 ;
1814
1817
overflow : auto ;
1815
-
1816
- // 变量少时不强制占满空间
1817
- & :only-child {
1818
- flex : 0 1 auto ;
1819
- }
1820
-
1821
- // 优化滚动条样式
1822
- & ::-webkit-scrollbar {
1823
- width : 6px ;
1824
- }
1825
-
1826
- & ::-webkit-scrollbar-thumb {
1827
- background-color : var (--el-border-color-lighter );
1828
- border-radius : 3px ;
1829
- }
1830
-
1831
- & ::-webkit-scrollbar-track {
1832
- background-color : transparent ;
1833
- }
1834
-
1835
- button {
1836
- margin-bottom : 8px ;
1837
-
1838
- & :last-child {
1839
- margin-bottom : 0 ;
1840
- }
1841
- }
1842
1818
}
1843
1819
}
1844
1820
}
Original file line number Diff line number Diff line change 18
18
max-width : 320px ;
19
19
display : flex ;
20
20
flex-direction : column ;
21
- height : 320px ; // 设置固定高度
21
+ max- height : 320px ; // 设置固定高度
22
22
min-height : 120px ;
23
23
margin-bottom : v .$spacing-md ; // 添加底部间距
24
24
131
131
display : flex ;
132
132
flex-direction : column ;
133
133
gap : v .$spacing-xs ;
134
- height : 320px ;
135
134
margin : 0 auto ;
136
135
padding-right : v .$spacing-xs ; // 添加右侧内边距
137
136
transition : all 0.3s ease ;
You can’t perform that action at this time.
0 commit comments