|
|
|
@ -24,7 +24,8 @@
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
v-show="isFormVisible"
|
|
|
|
v-show="isFormVisible"
|
|
|
|
id="form_container"
|
|
|
|
id="form_container"
|
|
|
|
class="shadow-md bg-base-100 absolute bottom-0 md:bottom-4 w-full border-base-200 border p-4 rounded"
|
|
|
|
class="shadow-md bg-base-100 absolute bottom-0 w-full border-base-200 border p-4 rounded"
|
|
|
|
|
|
|
|
:class="{ 'md:bottom-4': isBreakpointMd }"
|
|
|
|
:style="{ backgroundColor: backgroundColor }"
|
|
|
|
:style="{ backgroundColor: backgroundColor }"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<button
|
|
|
|
<button
|
|
|
|
@ -45,7 +46,7 @@
|
|
|
|
ref="form"
|
|
|
|
ref="form"
|
|
|
|
:action="submitPath"
|
|
|
|
:action="submitPath"
|
|
|
|
method="post"
|
|
|
|
method="post"
|
|
|
|
class="md:mx-16"
|
|
|
|
:class="{ 'md:mx-16': isBreakpointMd }"
|
|
|
|
@submit.prevent="submitStep"
|
|
|
|
@submit.prevent="submitStep"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<input
|
|
|
|
<input
|
|
|
|
@ -420,6 +421,11 @@ export default {
|
|
|
|
required: false,
|
|
|
|
required: false,
|
|
|
|
default: true
|
|
|
|
default: true
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
isBreakpointMd: {
|
|
|
|
|
|
|
|
type: Boolean,
|
|
|
|
|
|
|
|
required: false,
|
|
|
|
|
|
|
|
default: true
|
|
|
|
|
|
|
|
},
|
|
|
|
baseUrl: {
|
|
|
|
baseUrl: {
|
|
|
|
type: String,
|
|
|
|
type: String,
|
|
|
|
required: false,
|
|
|
|
required: false,
|
|
|
|
|