test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: empty state for non editable section and remove x button

Browse Source
This commit is contained in:
Shariq Ansari 2024-06-15 12:27:44 +05:30
parent c430abc33a
commit 2f4acd7b13
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/Settings/SidebarLayoutBuilder.vue
View File

@ -32,6 +32,7 @@
@click="section.editingLabel = !section.editingLabel" @click="section.editingLabel = !section.editingLabel"
/> />
<Button <Button
v-if="section.editable !== false"
icon="x" icon="x"
variant="ghost" variant="ghost"
@click="sections.splice(sections.indexOf(section), 1)" @click="sections.splice(sections.indexOf(section), 1)"
@ -66,11 +67,20 @@
</template> </template>
</Draggable> </Draggable>
<Button <Button
v-if="section.editable !== false"
class="w-full mt-2" class="w-full mt-2"
variant="outline" variant="outline"
:label="__('Add Field')" :label="__('Add Field')"
@click="section.fields.push({ label: 'New Field' })" @click="section.fields.push({ label: 'New Field' })"
/> />
<div
v-else
class="flex justify-center items-center border rounded border-dashed p-3"
>
<div class="text-sm text-gray-500">
{{ __('This section is not editable') }}
</div>
</div>
</div> </div>
</div> </div>
</template> </template>