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

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

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