refactor: workflow => improve responsive

This commit is contained in:
puriphatt 2025-01-06 10:47:20 +07:00
parent 9d30aa5f9a
commit 4d0371903b
2 changed files with 17 additions and 7 deletions

View file

@ -21,6 +21,7 @@ import FlowDialog from './FlowDialog.vue';
import NoData from 'src/components/NoData.vue';
import KebabAction from 'src/components/shared/KebabAction.vue';
import PaginationPageSize from 'src/components/PaginationPageSize.vue';
import { useQuasar } from 'quasar';
const { t } = useI18n();
const workflowStore = useWorkflowTemplate();
@ -32,6 +33,8 @@ const {
} = storeToRefs(workflowStore);
const navigatorStore = useNavigator();
const $q = useQuasar();
const pageState = reactive({
hideStat: false,
inputSearch: '',
@ -283,6 +286,7 @@ async function fetchWorkflowList() {
onMounted(async () => {
navigatorStore.current.title = 'flow.title';
navigatorStore.current.path = [{ text: 'flow.caption', i18n: true }];
pageState.gridView = $q.screen.lt.md ? true : false;
await fetchWorkflowList();
});
@ -481,7 +485,7 @@ watch([() => pageState.inputSearch, workflowPageSize], fetchWorkflowList);
/>
</article>
<article v-else class="col q-pa-md surface-2 scroll">
<article v-else class="col q-pa-md surface-2 scroll full-width">
<q-table
flat
bordered