adjust form

pull/440/head
Pete Matsyburka 9 months ago
parent 38efcb99c0
commit eb53af12c4

@ -1,13 +1,13 @@
<template> <template>
<div dir="auto"> <div dir="auto">
<div <div
class="flex justify-between items-center w-full" class="flex justify-between items-end w-full mb-3.5 sm:mb-4"
:class="{ 'mb-2': !field.description }" :class="{ 'mb-2': !field.description }"
> >
<label <label
v-if="showFieldNames" v-if="showFieldNames"
:for="field.uuid" :for="field.uuid"
class="label text-lg sm:text-2xl" class="label text-xl sm:text-2xl py-0"
> >
<MarkdownContent <MarkdownContent
v-if="field.title" v-if="field.title"

@ -164,7 +164,7 @@
v-if="showFieldNames && (currentField.name || currentField.title)" v-if="showFieldNames && (currentField.name || currentField.title)"
:for="currentField.uuid" :for="currentField.uuid"
dir="auto" dir="auto"
class="label text-lg sm:text-2xl" class="label text-xl sm:text-2xl py-0 mb-2 sm:mb-3.5"
:class="{ 'mb-2': !currentField.description }" :class="{ 'mb-2': !currentField.description }"
> >
<MarkdownContent <MarkdownContent
@ -175,7 +175,7 @@
{{ currentField.name }} {{ currentField.name }}
</template> </template>
<template v-if="!currentField.required"> <template v-if="!currentField.required">
<span :class="{ 'hidden sm:inline': (currentField.title || currentField.name).length > 24 }"> <span :class="{ 'hidden sm:inline': (currentField.title || currentField.name).length > 20 }">
({{ t('optional') }}) ({{ t('optional') }})
</span> </span>
</template> </template>
@ -225,7 +225,7 @@
v-if="showFieldNames && (currentField.name || currentField.title)" v-if="showFieldNames && (currentField.name || currentField.title)"
:for="currentField.uuid" :for="currentField.uuid"
dir="auto" dir="auto"
class="label text-lg sm:text-2xl" class="label text-xl sm:text-2xl py-0 mb-2 sm:mb-3.5"
:class="{ 'mb-2': !currentField.description }" :class="{ 'mb-2': !currentField.description }"
> >
<MarkdownContent <MarkdownContent
@ -236,7 +236,7 @@
{{ currentField.name }} {{ currentField.name }}
</template> </template>
<template v-if="!currentField.required"> <template v-if="!currentField.required">
<span :class="{ 'hidden sm:inline': (currentField.title || currentField.name).length > 24 }"> <span :class="{ 'hidden sm:inline': (currentField.title || currentField.name).length > 20 }">
({{ t('optional') }}) ({{ t('optional') }})
</span> </span>
</template> </template>
@ -474,7 +474,7 @@
</div> </div>
<div <div
v-if="(currentField.type !== 'payment' && currentField.type !== 'verification') || submittedValues[currentField.uuid]" v-if="(currentField.type !== 'payment' && currentField.type !== 'verification') || submittedValues[currentField.uuid]"
:class="currentField.type === 'signature' ? 'mt-2' : 'mt-6 md:mt-8'" :class="currentField.type === 'signature' ? 'mt-2' : 'mt-4 md:mt-6'"
> >
<button <button
id="submit_form_button" id="submit_form_button"
@ -530,9 +530,9 @@
/> />
<div <div
v-if="stepFields.length < 80" v-if="stepFields.length < 80"
class="flex justify-center" class="flex justify-center mt-3 sm:mt-4 mb-0 sm:mb-1"
> >
<div class="flex items-center mt-4 mb-1 flex-wrap"> <div class="flex items-center flex-wrap">
<a <a
v-for="(step, index) in stepFields" v-for="(step, index) in stepFields"
:key="step[0].uuid" :key="step[0].uuid"

@ -1,10 +1,10 @@
<template> <template>
<div v-if="modelValue"> <div v-if="modelValue">
<div class="flex justify-between items-center w-full mb-2"> <div class="flex justify-between items-end w-full mb-3.5 md:mb-4">
<label <label
v-if="showFieldNames" v-if="showFieldNames"
:for="field.uuid" :for="field.uuid"
class="label text-lg sm:text-2xl" class="label text-xl sm:text-2xl py-0"
> >
<MarkdownContent <MarkdownContent
v-if="field.title" v-if="field.title"

@ -1,12 +1,12 @@
<template> <template>
<div dir="auto"> <div dir="auto">
<div <div
class="flex justify-between items-center w-full" class="flex justify-between items-end w-full mb-3.5 md:mb-4"
:class="{ 'mb-2': !field.description }" :class="{ 'mb-2': !field.description }"
> >
<label <label
v-if="showFieldNames" v-if="showFieldNames"
class="label text-lg sm:text-2xl" class="label text-xl sm:text-2xl py-0"
> >
<MarkdownContent <MarkdownContent
v-if="field.title" v-if="field.title"

@ -40,7 +40,7 @@
> >
</div> </div>
<div <div
class="mt-6 md:mt-8" class="mt-4 md:mt-6"
> >
<button <button
type="submit" type="submit"

@ -3,7 +3,7 @@
v-if="showFieldNames && (field.name || field.title)" v-if="showFieldNames && (field.name || field.title)"
:for="field.uuid" :for="field.uuid"
dir="auto" dir="auto"
class="label text-lg sm:text-2xl" class="label text-xl sm:text-2xl py-0 mb-2 sm:mb-3.5"
:class="{ 'mb-2': !field.description }" :class="{ 'mb-2': !field.description }"
> >
<MarkdownContent <MarkdownContent
@ -12,7 +12,7 @@
/> />
<template v-else>{{ field.name }}</template> <template v-else>{{ field.name }}</template>
<template v-if="!field.required"> <template v-if="!field.required">
<span :class="{ 'hidden sm:inline': (field.title || field.name).length > 24 }"> <span :class="{ 'hidden sm:inline': (field.title || field.name).length > 20 }">
({{ t('optional') }}) ({{ t('optional') }})
</span> </span>
</template> </template>

@ -3,7 +3,7 @@
v-if="showFieldNames && (field.name || field.title)" v-if="showFieldNames && (field.name || field.title)"
:for="field.uuid" :for="field.uuid"
dir="auto" dir="auto"
class="label text-lg sm:text-2xl" class="label text-xl sm:text-2xl py-0 mb-2 sm:mb-3.5"
:class="{ 'mb-2': !field.description }" :class="{ 'mb-2': !field.description }"
> >
<MarkdownContent <MarkdownContent
@ -12,7 +12,7 @@
/> />
<template v-else>{{ field.name }}</template> <template v-else>{{ field.name }}</template>
<template v-if="!field.required"> <template v-if="!field.required">
<span :class="{ 'hidden sm:inline': (field.title || field.name).length > 24 }"> <span :class="{ 'hidden sm:inline': (field.title || field.name).length > 20 }">
({{ t('optional') }}) ({{ t('optional') }})
</span> </span>
</template> </template>

@ -1,7 +1,7 @@
<template> <template>
<label <label
v-if="!modelValue && !sessionId" v-if="!modelValue && !sessionId"
class="label text-lg sm:text-2xl mb-2" class="label text-xl sm:text-2xl py-0 mb-2 sm:mb-3.5"
> >
<MarkdownContent <MarkdownContent
v-if="field.title" v-if="field.title"

@ -3,7 +3,7 @@
<label <label
v-if="showFieldNames" v-if="showFieldNames"
:for="isCodeSent ? 'one_time_code' : field.uuid" :for="isCodeSent ? 'one_time_code' : field.uuid"
class="label text-lg sm:text-2xl" class="label text-xl sm:text-2xl py-0 mb-2 sm:mb-3.5"
:class="{ 'mb-2': !field.description }" :class="{ 'mb-2': !field.description }"
> >
<MarkdownContent <MarkdownContent

@ -4,12 +4,12 @@
class="relative" class="relative"
> >
<div <div
class="flex justify-between items-center w-full" class="flex justify-between items-end w-full mb-3.5 md:mb-4"
:class="{ 'mb-2': !field.description }" :class="{ 'mb-2': !field.description }"
> >
<label <label
v-if="showFieldNames" v-if="showFieldNames"
class="label text-lg sm:text-2xl" class="label text-xl sm:text-2xl py-0"
> >
<MarkdownContent <MarkdownContent
v-if="field.title" v-if="field.title"

@ -3,7 +3,7 @@
v-if="showFieldNames && (field.name || field.title)" v-if="showFieldNames && (field.name || field.title)"
:for="field.uuid" :for="field.uuid"
dir="auto" dir="auto"
class="label text-lg sm:text-2xl" class="label text-xl sm:text-2xl py-0 mb-2 sm:mb-3.5"
:class="{ 'mb-2': !field.description }" :class="{ 'mb-2': !field.description }"
> >
<MarkdownContent <MarkdownContent
@ -12,7 +12,7 @@
/> />
<template v-else>{{ field.name }}</template> <template v-else>{{ field.name }}</template>
<template v-if="!field.required"> <template v-if="!field.required">
<span :class="{ 'hidden sm:inline': (field.title || field.name).length > 24 }"> <span :class="{ 'hidden sm:inline': (field.title || field.name).length > 20 }">
({{ t('optional') }}) ({{ t('optional') }})
</span> </span>
</template> </template>

@ -1,6 +1,6 @@
<template> <template>
<label <label
class="label text-lg sm:text-2xl mb-2" class="label text-xl sm:text-2xl py-0 mb-2 sm:mb-3.5"
> >
<MarkdownContent <MarkdownContent
v-if="field.title" v-if="field.title"

Loading…
Cancel
Save