alice.pds.demo.boltless.dev
This repository has no description
web/components/pipelines: improve PipelineToolbar look
Signed-off-by: eti <eti@eti.tf>
author
eti
date
(Aug 4, 2026, 9:09 PM +0300)
commit
a4b7b3c2
a4b7b3c24a2938c9946967c212f689dacba05833
parent
e4611eea
e4611eeabd16e6e159664669fecf2509f4994b09
+11
-5
+11
-5
web/src/lib/components/repo/pipelines/PipelineToolbar.svelte
+11
-5
web/src/lib/components/repo/pipelines/PipelineToolbar.svelte
···
8
8
search: "col-span-3 sm:col-span-1 sm:col-start-2",
9
9
group: "sm:row-start-1",
10
10
count:
11
-
"col-start-3 row-start-2 self-center justify-self-end typography-paragraph-small whitespace-nowrap text-foreground-muted sm:row-start-1",
11
+
"col-start-3 row-start-2 flex items-center gap-2 self-center justify-self-end typography-paragraph-small whitespace-nowrap text-foreground-muted sm:row-start-1 md:mr-2.5 md:ml-2",
12
12
qualifier: "hidden sm:inline"
13
13
}
14
14
});
···
19
19
import { resolve } from "$app/paths";
20
20
import GitCommitHorizontal from "$icon/git-commit-horizontal";
21
21
import GitPullRequest from "$icon/git-pull-request";
22
+
import Play from "$icon/play";
22
23
import Layers2 from "$icon/layers-2";
23
24
import Button from "$lib/components/ui/Button.svelte";
24
25
import ButtonGroup, { segmentProps } from "$lib/components/ui/ButtonGroup.svelte";
···
54
55
55
56
<ButtonGroup class={classes.group()}>
56
57
<!-- no manual segment: the appview only filters push and pull request -->
57
-
<Button href={segmentHref("all")} {...segmentProps(filter === "all")} icon={Layers2}>
58
+
<Button size="sm" href={segmentHref("all")} {...segmentProps(filter === "all")} icon={Layers2}>
58
59
All
59
60
</Button>
60
61
<Button
62
+
size="sm"
61
63
href={segmentHref("push")}
62
64
{...segmentProps(filter === "push")}
63
65
icon={GitCommitHorizontal}
···
65
67
Push
66
68
</Button>
67
69
<Button
70
+
size="sm"
68
71
href={segmentHref("pull_request")}
69
72
{...segmentProps(filter === "pull_request")}
70
73
icon={GitPullRequest}
···
74
77
</Button>
75
78
</ButtonGroup>
76
79
77
-
<span class={classes.count()}>
78
-
{total} pipeline {total === 1 ? "run" : "runs"}
79
-
</span>
80
+
{#if total > 0}
81
+
<span class={classes.count()}>
82
+
<Play />
83
+
{total} pipeline {total === 1 ? "run" : "runs"}
84
+
</span>
85
+
{/if}
80
86
</div>