@simsustech/quasar-components 0.10.5 → 0.10.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @simsustech/quasar-components
 
+## 0.10.6
+
+### Patch Changes
+
+- ca2f3e2: style(DateInput): fix margins
+
 ## 0.10.5
 
 ### Patch Changes

package/dist/form.js

@@ -360,7 +360,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$1 = {
   key: 0,
-  style: { "margin-left": "-0.5em", "margin-top": "0.75em" }
+  style: { "margin-left": "-0.75em", "margin-top": "0.75em" }
 };
 const _hoisted_2$1 = { class: "row items-center justify-end" };
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
@@ -457,7 +457,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         placeholder: lang2.value.datePicker.YYYY,
         style: "width: 7ch; margin-top: -2em; margin-bottom: -0.5em",
         // suffix: format.value === 'YYYY-MM-DD' ? '-' : undefined,
-        class: format.value !== "YYYY-MM-DD" ? "q-mb-none q-ml-xs" : void 0,
+        class: format.value !== "YYYY-MM-DD" ? "q-mb-none q-ml-none" : void 0,
         "onUpdate:modelValue": setYear,
         onKeydown: goToNextElement
       },
@@ -466,7 +466,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         placeholder: lang2.value.datePicker.MM,
         style: "width: 6ch; margin-top: -2em; margin-bottom: -0.5em",
         // suffix: '-',
-        class: "q-ml-xs",
+        class: "q-ml-none",
         "onUpdate:modelValue": setMonth,
         onKeydown: goToNextElement
       },
@@ -475,7 +475,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         placeholder: lang2.value.datePicker.DD,
         style: "width: 6ch; margin-top: -2em; margin-bottom: -0.5em",
         // suffix: format.value === 'DD-MM-YYYY' ? '-' : undefined,
-        class: format.value === "YYYY-MM-DD" ? "q-ml-xs" : void 0,
+        class: format.value === "YYYY-MM-DD" ? "q-ml-none" : void 0,
         "onUpdate:modelValue": setDay,
         onKeydown: goToNextElement
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.10.5",
+  "version": "0.10.6",
   "author": "Stefan van Herwijnen",
   "description": "High level components for Quasar Framework",
   "license": "MIT",

package/src/ui/form/DateInput.vue

@@ -15,7 +15,7 @@
         v-bind="dateProps[part]"
       >
         <template #after>
-          <a v-if="index < 2" style="margin-left: -0.5em; margin-top: 0.75em"
+          <a v-if="index < 2" style="margin-left: -0.75em; margin-top: 0.75em"
             >-</a
           >
         </template>
@@ -187,7 +187,7 @@ const dateProps = computed<Record<string, QInputProps>>(() => ({
     placeholder: lang.value.datePicker.YYYY,
     style: 'width: 7ch; margin-top: -2em; margin-bottom: -0.5em',
     // suffix: format.value === 'YYYY-MM-DD' ? '-' : undefined,
-    class: format.value !== 'YYYY-MM-DD' ? 'q-mb-none q-ml-xs' : undefined,
+    class: format.value !== 'YYYY-MM-DD' ? 'q-mb-none q-ml-none' : undefined,
     'onUpdate:modelValue': setYear,
     onKeydown: goToNextElement
   },
@@ -196,7 +196,7 @@ const dateProps = computed<Record<string, QInputProps>>(() => ({
     placeholder: lang.value.datePicker.MM,
     style: 'width: 6ch; margin-top: -2em; margin-bottom: -0.5em',
     // suffix: '-',
-    class: 'q-ml-xs',
+    class: 'q-ml-none',
     'onUpdate:modelValue': setMonth,
     onKeydown: goToNextElement
   },
@@ -205,7 +205,7 @@ const dateProps = computed<Record<string, QInputProps>>(() => ({
     placeholder: lang.value.datePicker.DD,
     style: 'width: 6ch; margin-top: -2em; margin-bottom: -0.5em',
     // suffix: format.value === 'DD-MM-YYYY' ? '-' : undefined,
-    class: format.value === 'YYYY-MM-DD' ? 'q-ml-xs' : undefined,
+    class: format.value === 'YYYY-MM-DD' ? 'q-ml-none' : undefined,
     'onUpdate:modelValue': setDay,
     onKeydown: goToNextElement
   }