diff --git a/src/pages/Travel/ExtraCommunity.vue b/src/pages/Travel/ExtraCommunity.vue index 9286f5e3e..675a44979 100644 --- a/src/pages/Travel/ExtraCommunity.vue +++ b/src/pages/Travel/ExtraCommunity.vue @@ -57,7 +57,7 @@ const travelKgPercentages = ref([]); const tableColumnComponents = { id: { component: QBtn, - attrs: { flat: true, color: 'primary' }, + attrs: { flat: true, color: 'primary', dense: true }, }, cargoSupplierNickname: { component: QBtn, @@ -178,6 +178,7 @@ const columns = computed(() => [ align: 'left', showValue: false, sortable: true, + style: 'min-width: 170px;', }, { label: t('globals.packages'), @@ -237,7 +238,7 @@ const columns = computed(() => [ format: (value) => toDate(value), }, { - label: t('globals.wareHhuseIn'), + label: t('globals.warehouseIn'), field: 'warehouseInName', name: 'warehouseInName', align: 'left', @@ -506,7 +507,7 @@ const getColor = (percentage) => { :key="col.name" :props="props" @click="stopEventPropagation($event, col)" - auto-width + :style="col.style" > { }" > - {{ entry.id }} + {{ entry.id }} @@ -637,6 +638,18 @@ const getColor = (percentage) => { :deep(.q-table) { border-collapse: collapse; + + th { + padding: 0; + } + tbody tr td { + &:nth-child(1) { + max-width: 65px; + } + &:nth-child(4) { + padding: 0; + } + } } .q-td :deep(input) { @@ -684,7 +697,6 @@ const getColor = (percentage) => { width: max-content; } - en: searchExtraCommunity: Search for extra community shipping