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

fix: made email template & whatsapp template list responsive

Browse Source
This commit is contained in:
Shariq Ansari 2024-05-27 19:03:40 +05:30
parent f375a26af0
commit 8e291d65fa
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/Modals/EmailTemplateSelectorModal.vue
View File

@ -16,7 +16,7 @@
</TextInput>
<div
v-if="filteredTemplates.length"
class="mt-2 grid max-h-[560px] grid-cols-3 gap-2 overflow-y-auto"
class="mt-2 grid max-h-[560px] sm:grid-cols-3 gris-cols-1 gap-2 overflow-y-auto"
>
<div
v-for="template in filteredTemplates"

13
frontend/src/components/Modals/WhatsappTemplateSelectorModal.vue
View File

@ -16,7 +16,7 @@
</TextInput>
<div
v-if="filteredTemplates.length"
class="mt-2 grid max-h-[560px] grid-cols-3 gap-2 overflow-y-auto"
class="mt-2 grid max-h-[560px] grid-cols-1 gap-2 overflow-y-auto sm:grid-cols-3"
>
<div
v-for="template in filteredTemplates"
@ -41,7 +41,11 @@
<div class="text-lg text-gray-500">
{{ __('No templates found') }}
</div>
<Button :label="__('Create New')" class="mt-4" />
<Button
:label="__('Create New')"
class="mt-4"
@click="newWhatsappTemplate"
/>
</div>
</div>
</template>
@ -88,5 +92,10 @@ const filteredTemplates = computed(() => {
)
})
function newWhatsappTemplate() {
show.value = false
window.open('/app/whatsapp-templates/new')
}
watch(show, (value) => value && nextTick(() => searchInput.value?.el?.focus()))
</script>