Drobne upravy ve vizualu, oprava comboboxu, funkcni prakticky cela editace letu

src/components/FormWrapper.vue

@@ -1,7 +1,7 @@
 <script setup>
-
 import {isRequestPending} from "src/composables/form/props";
-import {useSlots} from "vue";
+import {computed, useSlots} from "vue";
+import {useQuasar} from "quasar";
 
 const props = defineProps({
   modelValue: {
@@ -32,6 +32,10 @@ const saveForm = () => {
     console.error("Not implemented")
   }
 }
+
+const $q = useQuasar();
+const fullwidthBtn = computed(() => $q.screen.width <= $q.screen.sizes.md);
+
 </script>
 
 <template>
@@ -40,11 +44,25 @@ const saveForm = () => {
 
     <slot name="saveButton" />
 
-    <q-btn type="submit" color="primary" v-if="saveButton" :icon="props.saveButton.icon" :loading="props.isRequestPending">
+    <q-btn
+      color="primary"
+      type="submit"
+      :class="{'q-my-lg': true, 'btn--fullwidth': fullwidthBtn}"
+      v-if="saveButton"
+      :icon="props.saveButton.icon"
+      :loading="props.isRequestPending"
+    >
       {{ props.saveButton.label }}
+
       <template v-slot:loading>
         Loading...
       </template>
     </q-btn>
   </q-form>
 </template>
+
+<style>
+.btn--fullwidth {
+  width: 100%;
+}
+</style>