diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue index 5b39265fb..2c9526ec0 100644 --- a/src/components/VnTable/VnTable.vue +++ b/src/components/VnTable/VnTable.vue @@ -415,7 +415,7 @@ function handleOnDataSaved(_, res) { @@ -502,8 +502,9 @@ function handleOnDataSaved(_, res) { :key="index" :title="btn.title" :icon="btn.icon" - class="q-px-sm" + class="q-pa-xs" flat + dense :class=" btn.isPrimary ? 'text-primary-light' : 'color-vn-text ' " @@ -745,10 +746,16 @@ es: } } -.q-table th { - padding: 0; -} +.q-table { + th { + padding: 0; + } + &__top { + padding: 12px 0px; + top: 0; + } +} .vnTable { thead tr th { position: sticky; @@ -757,9 +764,6 @@ es: thead tr:first-child th { top: 0; } - .q-table__top { - top: 0; - } tbody { .q-checkbox { display: flex; diff --git a/src/components/VnTable/VnVisibleColumn.vue b/src/components/VnTable/VnVisibleColumn.vue index 36f5ed7de..f5c3458cd 100644 --- a/src/components/VnTable/VnVisibleColumn.vue +++ b/src/components/VnTable/VnVisibleColumn.vue @@ -135,7 +135,7 @@ onMounted(async () => { }); diff --git a/src/pages/Monitor/Ticket/MonitorTickets.vue b/src/pages/Monitor/Ticket/MonitorTickets.vue index 258b5022f..29bf42915 100644 --- a/src/pages/Monitor/Ticket/MonitorTickets.vue +++ b/src/pages/Monitor/Ticket/MonitorTickets.vue @@ -54,7 +54,7 @@ const columns = computed(() => [ label: t('salesTicketsTable.problems'), name: 'totalProblems', align: 'left', - + columnClass: 'no-padding', columnFilter: false, attrs: { dense: true, @@ -65,7 +65,6 @@ const columns = computed(() => [ name: 'id', field: 'id', align: 'left', - columnFilter: { component: 'number', name: 'id', @@ -110,7 +109,6 @@ const columns = computed(() => [ name: 'shippedDate', style: { 'max-width': '100px' }, align: 'left', - columnFilter: { component: 'date', name: 'shippedDate', @@ -164,7 +162,6 @@ const columns = computed(() => [ label: t('salesTicketsTable.state'), name: 'state', align: 'left', - style: { 'max-width': '100px' }, columnFilter: { component: 'select', name: 'stateFk', @@ -193,7 +190,6 @@ const columns = computed(() => [ label: t('salesTicketsTable.zone'), name: 'zoneFk', align: 'left', - columnFilter: { component: 'select', name: 'zoneFk', @@ -210,8 +206,7 @@ const columns = computed(() => [ name: 'totalWithVat', field: 'totalWithVat', align: 'left', - style: { 'max-width': '75px' }, - + style: 'max-width: 75px', columnFilter: { component: 'number', name: 'totalWithVat', @@ -370,7 +365,7 @@ const openTab = (id) => +