fix: log width overflow (#7264)

mintsweet · abeizn · commit 0b891d5f3853 · 2024-04-01T17:44:56.000+08:00
diff --git a/config-ui/src/routes/onboard/components/logs.tsx b/config-ui/src/routes/onboard/components/logs.tsx
@@ -32,7 +32,7 @@ const Wrapper = styled.div`
     justify-content: space-between;
 
     & > span.name {
-      flex: auto;
+      width: 220px;
       font-weight: 600;
       white-space: nowrap;
       text-overflow: ellipsis;
@@ -41,7 +41,7 @@ const Wrapper = styled.div`
 
     & > span.progress {
       margin-left: 12px;
-      flex: 0 0 60px;
+      flex: auto;
     }
   }
 

Original file line number	Diff line number	Diff line change
@@ -32,7 +32,7 @@ const Wrapper = styled.div`
`32`	`32`	`justify-content: space-between;`
`33`	`33`
`34`	`34`	`& > span.name {`
`35`		`- flex: auto;`
	`35`	`+ width: 220px;`
`36`	`36`	`font-weight: 600;`
`37`	`37`	`white-space: nowrap;`
`38`	`38`	`text-overflow: ellipsis;`
@@ -41,7 +41,7 @@ const Wrapper = styled.div`
`41`	`41`
`42`	`42`	`& > span.progress {`
`43`	`43`	`margin-left: 12px;`
`44`		`- flex: 0 0 60px;`
	`44`	`+ flex: auto;`
`45`	`45`	`}`
`46`	`46`	`}`
`47`	`47`