Commit 3cec224d authored by christianrhansen's avatar christianrhansen

FormMain: submit-button behavior in mobile view

parent b2f9679e
...@@ -29,11 +29,13 @@ ...@@ -29,11 +29,13 @@
:error-label="$t(field.errorLabel)", :error-label="$t(field.errorLabel)",
:class="{ 'col-xl-6': !field.fullWidth, 'col-12': field.fullWidth }" :class="{ 'col-xl-6': !field.fullWidth, 'col-12': field.fullWidth }"
) )
.row.xs-gutter.full-width.justify-end.items-end.bg-purple //.row.xs-gutter.full-width.justify-end.items-end.bg-purple
.row.full-width.justify-end.items-end.bg-purple
slot(name="form-buttons-add") slot(name="form-buttons-add")
slot(name="form-buttons") slot(name="form-buttons")
submit-button.q-mt-md( submit-button(
:active="maySubmit", :active="maySubmit",
:class="{'full-width': isMobile}"
) {{ $t(schema.submit.label) || $t('buttons.submit') }} ) {{ $t(schema.submit.label) || $t('buttons.submit') }}
mb-notification-service mb-notification-service
</template> </template>
...@@ -43,6 +45,8 @@ ...@@ -43,6 +45,8 @@
import Vuelidate from 'vuelidate' import Vuelidate from 'vuelidate'
import Promise from 'bluebird' import Promise from 'bluebird'
import { mapGetters } from 'vuex'
import FormRow from './FormRow' import FormRow from './FormRow'
import FormRowCheckbox from './FormRowCheckbox' import FormRowCheckbox from './FormRowCheckbox'
import SubmitButton from './SubmitButton' import SubmitButton from './SubmitButton'
...@@ -74,6 +78,9 @@ ...@@ -74,6 +78,9 @@
this.initForm() this.initForm()
}, },
computed: { computed: {
...mapGetters({
isMobile: 'globalSettings/getIsMobile'
}),
initial () { initial () {
const initial = {} const initial = {}
for (let key in this.fields) { for (let key in this.fields) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment