fix: 调整路径输入组的布局以支持灵活宽度

BernardXiong · BernardXiong · commit 337fe6875ffc · 2025-10-21T22:14:26.000+08:00
diff --git a/src/vue/setting/view/toolchains/index.less b/src/vue/setting/view/toolchains/index.less
@@ -72,13 +72,17 @@
   display: flex;
   column-gap: @spacing-sm;
   align-items: center;
+  width: 100%;
 
+  // Make the path input flexibly take available width
   .el-input {
-    flex: 1;
+    flex: 1 1 0;
+    min-width: 0; // allow shrinking in flex container
   }
 
   .el-button {
     min-width: 80px;
+    flex: 0 0 auto; // keep button size stable
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -72,13 +72,17 @@`
`72`	`72`	`display: flex;`
`73`	`73`	`column-gap: @spacing-sm;`
`74`	`74`	`align-items: center;`
	`75`	`+ width: 100%;`
`75`	`76`
	`77`	`+ // Make the path input flexibly take available width`
`76`	`78`	`.el-input {`
`77`		`- flex: 1;`
	`79`	`+ flex: 1 1 0;`
	`80`	`+ min-width: 0; // allow shrinking in flex container`
`78`	`81`	`}`
`79`	`82`
`80`	`83`	`.el-button {`
`81`	`84`	`min-width: 80px;`
	`85`	`+ flex: 0 0 auto; // keep button size stable`
`82`	`86`	`}`
`83`	`87`	`}`
`84`	`88`