Unverified Commit ae022b07 authored by Alireza Heidari's avatar Alireza Heidari
Browse files

Improves WorkflowList UI 

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
parent 6f1260df

client/src/components/Workflow/List/WorkflowList.vue

+5 −4
Original line number Diff line number Diff line
@@ -342,9 +342,7 @@ async function onBulkTagsAdd(tags: string[]) { 
watch([filterText, sortBy, sortDesc], async () => {

    offset.value = 0;



    if (showDeleted.value) {

    selectedWorkflowIds.value = [];

    }



    await load(true);

});
@@ -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" />
@@ -585,6 +584,7 @@ onMounted(() => { 
    }



    .cards-list {

        height: 100%;

        scroll-behavior: smooth;

        min-height: 150px;

        display: flex;
@@ -596,6 +596,7 @@ onMounted(() => { 


    .workflow-list-footer {

        display: flex;

        align-items: center;

        margin-top: 0.5rem;



        .workflow-list-footer-bulk-actions {