village-hall
/
opnform
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

better show hidden fields

This commit is contained in:
Julien Nahum 2023-01-04 14:45:24 +01:00
parent 4fb75ccb59
commit 9783b07778
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/js/components/open/forms/components/FormFieldsEditor.vue
View File

@ -23,8 +23,8 @@
ghost-class="bg-gray-50" handle=".draggable" :animation="200" ghost-class="bg-gray-50" handle=".draggable" :animation="200"
> >
<div v-for="(field,index) in formFields" :key="field.id" <div v-for="(field,index) in formFields" :key="field.id"
class="w-full mx-auto transition-colors bg-white dark:bg-notion-dark-light" class="w-full mx-auto transition-colors"
:class="{'bg-gray-200 dark:bg-gray-800':field.hidden, 'border-b': (index!== formFields.length -1), 'bg-blue-50 dark:bg-blue-900':field && field.type==='nf-page-break'}" :class="{'bg-gray-100 dark:bg-gray-800':field.hidden,'bg-white dark:bg-notion-dark-light':!field.hidden && !field.type==='nf-page-break', 'border-b': (index!== formFields.length -1), 'bg-blue-50 dark:bg-blue-900':field && field.type==='nf-page-break'}"
> >
<div v-if="field" class="flex items-center space-x-1 group py-2 pr-4 relative"> <div v-if="field" class="flex items-center space-x-1 group py-2 pr-4 relative">
<!-- Drag handler --> <!-- Drag handler -->