A focused Docker Compose management web application.
feat: sort projects alphabetically
+9
-2
+9
-2
packages/panel/src/routes/(authenticated)/projects/+page.svelte
+9
-2
packages/panel/src/routes/(authenticated)/projects/+page.svelte
···
16
16
let groups = $derived(
17
17
Object.entries(
18
18
Object.groupBy(
19
-
Object.values(getList()).filter((p) => p.name.includes(debounced.current)),
19
+
Object.values(getList())
20
+
.filter((p) => p.name.includes(debounced.current))
21
+
.toSorted((a, b) => a.name.localeCompare(b.name)),
20
22
(project) => project.status,
21
23
),
22
24
).toSorted(([a], [b]) => ORDER.indexOf(a as LuminaryStatus) - ORDER.indexOf(b as LuminaryStatus)),
···
85
87
.grid {
86
88
display: grid;
87
89
grid-template-columns: repeat(auto-fit, minmax(300px, calc(100% / 3 - 20px)));
90
+
gap: 10px;
91
+
88
92
width: 100%;
89
-
gap: 10px;
93
+
94
+
@media (max-width: 425px) {
95
+
grid-template-columns: repeat(auto-fit, 100%);
96
+
}
90
97
}
91
98
92
99
.project {