small screen fix

2023-09-25 21:12:05 +03:00
parent f86c8ad5ba
commit 535c7562c7
4 changed files with 28 additions and 18 deletions
--- a/src/components/base/BaseSelect.vue
+++ b/src/components/base/BaseSelect.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
  .flex.flex-col.gap-y-2
-    base-input-container(:label="label", :style="{width: width, ...sizeVariable}")
+    base-input-container(:label="label", :style="{width: widthInternal, ...sizeVariable}")
      q-select.select(
        ref="selectRef"
        v-model="value",
@@ -159,6 +159,10 @@ export default {
            : !!this.value?.label,
      };
    },
+    widthInternal() {
+      if (typeof this.width === "number") return this.width + "px";
+      return this.width;
+    },
  },
  methods: {
    updateInputValue(value, noFilter) {