@mythpe/quasar-ui-qui 0.3.60 → 0.3.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mythpe/quasar-ui-qui",
3
- "version": "0.3.60",
3
+ "version": "0.3.62",
4
4
  "description": "MyTh Quasar UI Kit App Extension",
5
5
  "author": {
6
6
  "name": "MyTh Ahmed Faiz",
@@ -92,6 +92,7 @@ type Props = {
92
92
  copyColumns?: MDatatableProps['copyColumns'];
93
93
  descColumns?: MDatatableProps['descColumns'];
94
94
  help?: MDatatableProps['help'];
95
+ titleClass?: MDatatableProps['titleClass'];
95
96
  subtitle?: MDatatableProps['subtitle'];
96
97
  subtitleClass?: MDatatableProps['subtitleClass'];
97
98
  noWrapBtn?: boolean;
@@ -167,6 +168,7 @@ const props = withDefaults(defineProps<Props>(), {
167
168
  copyColumns: undefined,
168
169
  descColumns: undefined,
169
170
  help: undefined,
171
+ titleClass: undefined,
170
172
  subtitle: undefined,
171
173
  subtitleClass: undefined,
172
174
  noWrapBtn: undefined,
@@ -767,7 +769,7 @@ defineExpose({
767
769
  <MCol col>
768
770
  <div
769
771
  v-if="!!getTableTitle"
770
- class="text-h5 ellipsis"
772
+ :class="['text-h5 ellipsis m-datatable__table-title',titleClass]"
771
773
  >
772
774
  <span>{{ getTableTitle }}</span>
773
775
  <span v-if="!!help">
@@ -794,7 +796,7 @@ defineExpose({
794
796
  >
795
797
  <div
796
798
  v-if="!!subtitle"
797
- :class="subtitleClass"
799
+ :class="['m-datatable__table-subtitle',subtitleClass]"
798
800
  >
799
801
  {{ __(subtitle) }}
800
802
  </div>
@@ -1020,9 +1022,10 @@ defineExpose({
1020
1022
  @before-show="beforeCloseFilterDialog"
1021
1023
  >
1022
1024
  <q-card
1023
- :style="$q.screen.gt.sm?`width: ${Math.ceil($q.screen.width/2)}px` : undefined"
1024
1025
  flat
1026
+ fstyle="$q.screen.gt.sm?`width: ${Math.ceil($q.screen.width/2)}px` : undefined"
1025
1027
  square
1028
+ style="max-width: 700px"
1026
1029
  >
1027
1030
  <MContainer class="q-pa-lg">
1028
1031
  <q-toolbar :class="{'q-pa-none': isSmall}">