quasar-ui-danx 0.4.8 → 0.4.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (13) hide show
  1. package/dist/danx.es.js +4584 -4605
  2. package/dist/danx.es.js.map +1 -1
  3. package/dist/danx.umd.js +6 -6
  4. package/dist/danx.umd.js.map +1 -1
  5. package/dist/style.css +1 -1
  6. package/package.json +1 -1
  7. package/src/components/ActionTable/Form/Fields/FieldLabel.vue +2 -2
  8. package/src/components/ActionTable/Form/Fields/MultiFileField.vue +0 -1
  9. package/src/components/ActionTable/Form/Fields/SelectField.vue +0 -1
  10. package/src/components/ActionTable/Form/Fields/TextField.vue +0 -1
  11. package/src/components/ActionTable/Form/Fields/WysiwygField.vue +12 -13
  12. package/src/styles/quasar-reset.scss +2 -1
  13. package/src/styles/themes/danx/forms.scss +8 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "quasar-ui-danx",
3
- "version": "0.4.8",
3
+ "version": "0.4.9",
4
4
  "author": "Dan <dan@flytedesk.com>",
5
5
  "description": "DanX Vue / Quasar component library",
6
6
  "license": "MIT",
package/src/components/ActionTable/Form/Fields/FieldLabel.vue CHANGED
@@ -1,12 +1,12 @@
1
1
  <template>
2
- <span>
2
+ <span class="dx-field-label">
3
3
  <slot>
4
4
  {{ labelText }}
5
5
  <template v-if="showName">({{ field?.name }})</template>
6
6
  </slot>
7
7
  <span
8
8
  v-if="requiredLabel"
9
- class="text-red-900 ml-1 text-xs bottom-1 relative"
9
+ class="dx-field-required"
10
10
  >{{ requiredLabel }}</span>
11
11
  </span>
12
12
  </template>
package/src/components/ActionTable/Form/Fields/MultiFileField.vue CHANGED
@@ -9,7 +9,6 @@
9
9
  :field="field"
10
10
  :label="label"
11
11
  :show-name="showName"
12
- class="text-sm font-semibold"
13
12
  />
14
13
 
15
14
  <input
package/src/components/ActionTable/Form/Fields/SelectField.vue CHANGED
@@ -3,7 +3,6 @@
3
3
  <FieldLabel
4
4
  v-if="label"
5
5
  :label="label"
6
- class="mb-1 block"
7
6
  />
8
7
  <QSelect
9
8
  ref="selectField"
package/src/components/ActionTable/Form/Fields/TextField.vue CHANGED
@@ -6,7 +6,6 @@
6
6
  :show-name="showName"
7
7
  :class="labelClass"
8
8
  :value="readonly ? modelValue : ''"
9
- class="mb-1 block"
10
9
  />
11
10
  <template v-if="!readonly">
12
11
  <QInput
package/src/components/ActionTable/Form/Fields/WysiwygField.vue CHANGED
@@ -4,7 +4,6 @@
4
4
  v-if="!noLabel"
5
5
  :field="field"
6
6
  :show-name="showName"
7
- class="text-sm font-semibold text-gray-700 block mb-2"
8
7
  />
9
8
  <template v-if="readonly">
10
9
  <div
@@ -30,17 +29,17 @@ import FieldLabel from "./FieldLabel";
30
29
 
31
30
  defineEmits(["update:model-value"]);
32
31
  defineProps({
33
- modelValue: {
34
- type: [String, Number],
35
- default: null
36
- },
37
- field: {
38
- type: Object,
39
- required: true
40
- },
41
- noLabel: Boolean,
42
- showName: Boolean,
43
- disable: Boolean,
44
- readonly: Boolean
32
+ modelValue: {
33
+ type: [String, Number],
34
+ default: null
35
+ },
36
+ field: {
37
+ type: Object,
38
+ required: true
39
+ },
40
+ noLabel: Boolean,
41
+ showName: Boolean,
42
+ disable: Boolean,
43
+ readonly: Boolean
45
44
  });
46
45
  </script>
package/src/styles/quasar-reset.scss CHANGED
@@ -50,13 +50,14 @@
50
50
 
51
51
  &.q-textarea {
52
52
  .q-field__control-container {
53
- padding-bottom: 1.1rem;
53
+ padding: .5rem 0;
54
54
  }
55
55
  }
56
56
  }
57
57
 
58
58
  .q-field__marginal, .q-field__input, .q-field__label {
59
59
  color: inherit;
60
+ height: auto;
60
61
  }
61
62
  }
62
63
  }
package/src/styles/themes/danx/forms.scss CHANGED
@@ -1,3 +1,11 @@
1
+ .dx-field-label {
2
+ @apply text-xs block mb-1.5;
3
+
4
+ .dx-field-required {
5
+ @apply text-red-900 ml-0.5 bottom-1 relative;
6
+ }
7
+ }
8
+
1
9
  .q-field {
2
10
  .q-field__label {
3
11
  @apply text-sm text-gray-700;