1
0
forked from test/crm

fix: made detail right sidebar resizable

This commit is contained in:
Shariq Ansari 2024-05-13 11:45:03 +05:30
parent d00c842ac9
commit 43b577918c
2 changed files with 6 additions and 4 deletions

View File

@ -45,7 +45,7 @@
v-model="deal" v-model="deal"
/> />
</Tabs> </Tabs>
<div class="flex w-[352px] flex-col justify-between border-l"> <Resizer side="right" class="flex flex-col justify-between border-l">
<div <div
class="flex h-10.5 cursor-copy items-center border-b px-5 py-2.5 text-lg font-medium" class="flex h-10.5 cursor-copy items-center border-b px-5 py-2.5 text-lg font-medium"
@click="copyToClipboard(deal.data.name)" @click="copyToClipboard(deal.data.name)"
@ -256,7 +256,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </Resizer>
</div> </div>
<OrganizationModal <OrganizationModal
v-model="showOrganizationModal" v-model="showOrganizationModal"
@ -285,6 +285,7 @@
/> />
</template> </template>
<script setup> <script setup>
import Resizer from '@/components/Resizer.vue'
import LoadingIndicator from '@/components/Icons/LoadingIndicator.vue' import LoadingIndicator from '@/components/Icons/LoadingIndicator.vue'
import ActivityIcon from '@/components/Icons/ActivityIcon.vue' import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
import EmailIcon from '@/components/Icons/EmailIcon.vue' import EmailIcon from '@/components/Icons/EmailIcon.vue'

View File

@ -50,7 +50,7 @@
v-model="lead" v-model="lead"
/> />
</Tabs> </Tabs>
<div class="flex w-[352px] flex-col justify-between border-l"> <Resizer class="flex flex-col justify-between border-l" side="right">
<div <div
class="flex h-10.5 cursor-copy items-center border-b px-5 py-2.5 text-lg font-medium" class="flex h-10.5 cursor-copy items-center border-b px-5 py-2.5 text-lg font-medium"
@click="copyToClipboard(lead.data.name)" @click="copyToClipboard(lead.data.name)"
@ -181,7 +181,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </Resizer>
</div> </div>
<AssignmentModal <AssignmentModal
v-if="lead.data" v-if="lead.data"
@ -257,6 +257,7 @@
</Dialog> </Dialog>
</template> </template>
<script setup> <script setup>
import Resizer from '@/components/Resizer.vue'
import ActivityIcon from '@/components/Icons/ActivityIcon.vue' import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
import EmailIcon from '@/components/Icons/EmailIcon.vue' import EmailIcon from '@/components/Icons/EmailIcon.vue'
import PhoneIcon from '@/components/Icons/PhoneIcon.vue' import PhoneIcon from '@/components/Icons/PhoneIcon.vue'