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

refactor: removed scroll in layout builder

Browse Source
This commit is contained in:
Shariq Ansari 2024-08-14 13:40:21 +05:30
parent 01604ca5bd
commit b19db5fc8d
2 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/Settings/SidePanelLayoutBuilder.vue
View File

@ -1,5 +1,5 @@
<template>
<FadedScrollableDiv>
<div>
<Draggable :list="sections" item-key="label" class="flex flex-col gap-5.5">
<template #item="{ element: section }">
<div class="flex flex-col gap-3">
@ -132,10 +132,9 @@
</template>
</Button>
</div>
</FadedScrollableDiv>
</div>
</template>
<script setup>
import FadedScrollableDiv from '@/components/FadedScrollableDiv.vue'
import EditIcon from '@/components/Icons/EditIcon.vue'
import Autocomplete from '@/components/frappe-ui/Autocomplete.vue'
import DragVerticalIcon from '@/components/Icons/DragVerticalIcon.vue'

11
frontend/src/components/Settings/SidePanelModal.vue
View File

@ -14,7 +14,7 @@
</h3>
</template>
<template #body-content>
<div class="flex flex-col gap-5.5 h-[calc(100vh_-_17rem)]">
<div class="flex flex-col gap-5.5">
<div class="flex justify-between gap-2">
<FormControl
type="select"
@ -29,16 +29,13 @@
size="sm"
/>
</div>
<div v-if="sections.data" class="flex gap-4 overflow-hidden">
<div v-if="sections.data" class="flex gap-4">
<SidePanelLayoutBuilder
class="flex flex-1 flex-col overflow-y-auto pr-2"
class="flex flex-1 flex-col pr-2"
:sections="sections.data"
:doctype="_doctype"
/>
<div
v-if="preview"
class="flex flex-1 flex-col overflow-y-auto border rounded"
>
<div v-if="preview" class="flex flex-1 flex-col border rounded">
<div
v-for="(section, i) in sections.data"
:key="section.label"