test/jcrm
1
0
Fork 0
forked from test/crm
Code Pull Requests Activity

fix: added PhoneIcon and reduces page padding

Browse Source
This commit is contained in:
Shariq Ansari 2024-06-12 13:44:00 +05:30
parent 852d398461
commit 5dde6dd270
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/Settings/SettingsModal.vue
View File

@ -40,7 +40,7 @@
/> />
</nav> </nav>
</div> </div>
<div class="flex flex-1 flex-col overflow-y-auto p-12 pt-10"> <div class="flex flex-1 flex-col overflow-y-auto p-8">
<component :is="activeTab.component" v-if="activeTab" /> <component :is="activeTab.component" v-if="activeTab" />
</div> </div>
</div> </div>
@ -50,13 +50,14 @@
<script setup> <script setup>
import ContactsIcon from '@/components/Icons/ContactsIcon.vue' import ContactsIcon from '@/components/Icons/ContactsIcon.vue'
import WhatsAppIcon from '@/components/Icons/WhatsAppIcon.vue' import WhatsAppIcon from '@/components/Icons/WhatsAppIcon.vue'
import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
import ProfileSettings from '@/components/Settings/ProfileSettings.vue' import ProfileSettings from '@/components/Settings/ProfileSettings.vue'
import WhatsAppSettings from '@/components/Settings/WhatsAppSettings.vue' import WhatsAppSettings from '@/components/Settings/WhatsAppSettings.vue'
import TwilioSettings from '@/components/Settings/TwilioSettings.vue' import TwilioSettings from '@/components/Settings/TwilioSettings.vue'
import SidebarLink from '@/components/SidebarLink.vue' import SidebarLink from '@/components/SidebarLink.vue'
import { isWhatsappInstalled } from '@/composables/settings' import { isWhatsappInstalled } from '@/composables/settings'
import { Dialog, FeatherIcon } from 'frappe-ui' import { Dialog } from 'frappe-ui'
import { ref, markRaw, h, computed } from 'vue' import { ref, markRaw, computed } from 'vue'
const show = defineModel() const show = defineModel()
@ -72,7 +73,7 @@ let integrations = computed(() => {
let items = [ let items = [
{ {
label: 'Twilio', label: 'Twilio',
icon: h(FeatherIcon, { name: 'phone' }), icon: PhoneIcon,
component: markRaw(TwilioSettings), component: markRaw(TwilioSettings),
}, },
] ]