opc/cdp_hub
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: tighten instance list action layout

Browse Source
This commit is contained in:
QiuSW
2026-07-22 16:30:20 +08:00
parent 7014f857f1
commit 7fcc9752a1
2 changed files with 49 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/ui/shell.go
+36 -16
View File
@@ -20,6 +20,14 @@ const (
pageCreate
)
const (
instanceNameColumnWeight = 25
instanceBrowserColumnWeight = 12
instanceDirectoryColumnWeight = 39
instanceStatusColumnWeight = 14
instanceStartColumnWeight = 10
)
type PathField string
const (
@@ -265,15 +273,13 @@ func (s *Shell) instances(gtx layout.Context) layout.Dimensions {
layout.Flexed(1, func(gtx layout.Context) layout.Dimensions {
return material.List(s.theme, &s.list).Layout(gtx, len(s.rows), func(gtx layout.Context, i int) layout.Dimensions {
row := s.rows[i]
return layout.Inset{Bottom: unit.Dp(10)}.Layout(gtx, func(gtx layout.Context) layout.Dimensions {
return layout.Inset{Right: unit.Dp(4), Bottom: unit.Dp(10)}.Layout(gtx, func(gtx layout.Context) layout.Dimensions {
return layout.Flex{Alignment: layout.Middle}.Layout(gtx,
layout.Flexed(30, material.Body1(s.theme, row.Name).Layout),
layout.Flexed(14, material.Body2(s.theme, row.Browser).Layout),
layout.Flexed(26, pathCell(s.theme, row.UserDataDir)),
layout.Flexed(16, statusLabel(s.theme, row.Status)),
layout.Flexed(14, func(gtx layout.Context) layout.Dimensions {
return material.Button(s.theme, s.startClickFor(row.ID), "启动").Layout(gtx)
}),
layout.Flexed(instanceNameColumnWeight, material.Body1(s.theme, row.Name).Layout),
layout.Flexed(instanceBrowserColumnWeight, material.Body2(s.theme, row.Browser).Layout),
layout.Flexed(instanceDirectoryColumnWeight, pathCell(s.theme, row.UserDataDir)),
layout.Flexed(instanceStatusColumnWeight, statusLabel(s.theme, row.Status)),
layout.Flexed(instanceStartColumnWeight, s.instanceStartButton(s.startClickFor(row.ID))),
)
})
})
@@ -284,21 +290,35 @@ func (s *Shell) instances(gtx layout.Context) layout.Dimensions {
}
func (s *Shell) instanceHeader(gtx layout.Context) layout.Dimensions {
return layout.Flex{Alignment: layout.Middle}.Layout(gtx,
layout.Flexed(30, material.Caption(s.theme, "实例名称").Layout),
layout.Flexed(14, material.Caption(s.theme, "浏览器类型").Layout),
layout.Flexed(26, material.Caption(s.theme, "用户数据目录").Layout),
layout.Flexed(16, material.Caption(s.theme, "状态").Layout),
layout.Flexed(14, material.Caption(s.theme, "启动").Layout),
)
return layout.Inset{Right: unit.Dp(4)}.Layout(gtx, func(gtx layout.Context) layout.Dimensions {
return layout.Flex{Alignment: layout.Middle}.Layout(gtx,
layout.Flexed(instanceNameColumnWeight, material.Caption(s.theme, "实例名称").Layout),
layout.Flexed(instanceBrowserColumnWeight, material.Caption(s.theme, "浏览器类型").Layout),
layout.Flexed(instanceDirectoryColumnWeight, material.Caption(s.theme, "用户数据目录").Layout),
layout.Flexed(instanceStatusColumnWeight, material.Caption(s.theme, "状态").Layout),
layout.Flexed(instanceStartColumnWeight, func(gtx layout.Context) layout.Dimensions {
return layout.E.Layout(gtx, material.Caption(s.theme, "启动").Layout)
}),
)
})
}
func pathCell(theme *material.Theme, path string) layout.Widget {
style := material.Body2(theme, path)
style.MaxLines = 2
style.MaxLines = 1
return style.Layout
}
func (s *Shell) instanceStartButton(click *widget.Clickable) layout.Widget {
return func(gtx layout.Context) layout.Dimensions {
return layout.E.Layout(gtx, func(gtx layout.Context) layout.Dimensions {
style := material.Button(s.theme, click, "启动")
style.Inset = layout.Inset{Top: unit.Dp(6), Right: unit.Dp(10), Bottom: unit.Dp(6), Left: unit.Dp(10)}
return style.Layout(gtx)
})
}
}
func statusLabel(theme *material.Theme, status string) layout.Widget {
style := material.Label(theme, unit.Sp(13), status)
style.Color = map[string]color.NRGBA{
internal/ui/shell_test.go
+13
View File
@@ -38,6 +38,19 @@ func TestShellInstanceRowsContainRequiredColumnsAndIndependentStartControls(t *t
}
}
func TestInstanceListColumnWeightsPrioritizeDirectoryAndCompactAction(t *testing.T) {
got := instanceNameColumnWeight + instanceBrowserColumnWeight + instanceDirectoryColumnWeight + instanceStatusColumnWeight + instanceStartColumnWeight
if got != 100 {
t.Fatalf("instance column weights = %d, want 100", got)
}
if instanceDirectoryColumnWeight <= instanceNameColumnWeight {
t.Fatal("user data directory must have the widest instance-list column")
}
if instanceStartColumnWeight >= instanceStatusColumnWeight {
t.Fatal("start action column must remain compact")
}
}
func TestShellCancelsOnlyTheActivePathSearch(t *testing.T) {
shell := NewShell(material.NewTheme())
started := make(chan struct{}, 1)