Skip to content

Commit

Permalink
Improves WorkflowList UI
Browse files Browse the repository at this point in the history
Aligns pagination controls to the right and adjusts size
Ensures selected workflow IDs reset on filter change
Sets card list height to 100% and centers footer items
  • Loading branch information
itisAliRH committed Jan 2, 2025
1 parent a1b0c25 commit 60c17bd
Showing 1 changed file with 5 additions and 4 deletions.
9 changes: 5 additions & 4 deletions client/src/components/Workflow/List/WorkflowList.vue
Original file line number Diff line number Diff line change
Expand Up @@ -342,9 +342,7 @@ async function onBulkTagsAdd(tags: string[]) {
watch([filterText, sortBy, sortDesc], async () => {
offset.value = 0;
if (showDeleted.value) {
selectedWorkflowIds.value = [];
}
selectedWorkflowIds.value = [];
await load(true);
});
Expand Down Expand Up @@ -547,7 +545,8 @@ onMounted(() => {
:value="currentPage"
:total-rows="totalWorkflows"
:per-page="limit"
align="center"
align="right"
size="sm"
first-number
last-number
@change="onPageChange" />
Expand Down Expand Up @@ -585,6 +584,7 @@ onMounted(() => {
}
.cards-list {
height: 100%;
scroll-behavior: smooth;
min-height: 150px;
display: flex;
Expand All @@ -596,6 +596,7 @@ onMounted(() => {
.workflow-list-footer {
display: flex;
align-items: center;
margin-top: 0.5rem;
.workflow-list-footer-bulk-actions {
Expand Down

0 comments on commit 60c17bd

Please sign in to comment.