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

fix: updated button with icon

Browse Source
This commit is contained in:
Shariq Ansari 2025-06-16 17:42:01 +05:30
parent baa03246e6
commit 9f3477e1cd
14 changed files with 82 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/Activities/DataFields.vue
View File

@ -16,7 +16,9 @@
v-if="isManager() && !isMobileView" v-if="isManager() && !isMobileView"
@click="showDataFieldsModal = true" @click="showDataFieldsModal = true"
> >
<EditIcon class="h-4 w-4" /> <template #icon>
<EditIcon />
</template>
</Button> </Button>
<Button <Button
label="Save" label="Save"

14
frontend/src/components/ColumnSettings.vue
View File

@ -30,20 +30,24 @@
<DragIcon class="h-3.5" /> <DragIcon class="h-3.5" />
<div>{{ __(element.label) }}</div> <div>{{ __(element.label) }}</div>
</div> </div>
<div class="flex cursor-pointer items-center gap-1"> <div class="flex cursor-pointer items-center gap-0.5">
<Button <Button
variant="ghost" variant="ghost"
class="!h-5 w-5 !p-1" class="!h-5 w-5 !p-1"
@click="editColumn(element)" @click="editColumn(element)"
> >
<EditIcon class="h-3.5" /> <template #icon>
<EditIcon class="h-3.5" />
</template>
</Button> </Button>
<Button <Button
variant="ghost" variant="ghost"
class="!h-5 w-5 !p-1" class="!h-5 w-5 !p-1"
@click="removeColumn(element)" @click="removeColumn(element)"
> >
<FeatherIcon name="x" class="h-3.5" /> <template #icon>
<FeatherIcon name="x" class="h-3.5" />
</template>
</Button> </Button>
</div> </div>
</div> </div>
@ -215,7 +219,9 @@ const fields = computed(() => {
}) })
function addColumn(c) { function addColumn(c) {
let align = ['Float', 'Int', 'Percent', 'Currency'].includes(c.type) ? 'right' : 'left' let align = ['Float', 'Int', 'Percent', 'Currency'].includes(c.type)
? 'right'
: 'left'
let _column = { let _column = {
label: c.label, label: c.label,
type: c.fieldtype, type: c.fieldtype,

8
frontend/src/components/Controls/Grid.vue
View File

@ -58,7 +58,9 @@
variant="outline" variant="outline"
@click="showGridFieldsEditorModal = true" @click="showGridFieldsEditorModal = true"
> >
<FeatherIcon name="settings" class="h-4 w-4 text-ink-gray-7" /> <template #icon>
<FeatherIcon name="settings" class="size-4 text-ink-gray-7" />
</template>
</Button> </Button>
</div> </div>
</div> </div>
@ -281,7 +283,9 @@
variant="outline" variant="outline"
@click="showRowList[index] = true" @click="showRowList[index] = true"
> >
<EditIcon class="h-4 w-4 text-ink-gray-7" /> <template #icon>
<EditIcon class="text-ink-gray-7" />
</template>
</Button> </Button>
</div> </div>
<GridRowModal <GridRowModal

8
frontend/src/components/Controls/GridRowModal.vue
View File

@ -15,10 +15,14 @@
class="w-7" class="w-7"
@click="openGridRowFieldsModal" @click="openGridRowFieldsModal"
> >
<EditIcon class="h-4 w-4" /> <template #icon>
<EditIcon />
</template>
</Button> </Button>
<Button variant="ghost" class="w-7" @click="show = false"> <Button variant="ghost" class="w-7" @click="show = false">
<FeatherIcon name="x" class="h-4 w-4" /> <template #icon>
<FeatherIcon name="x" class="size-4" />
</template>
</Button> </Button>
</div> </div>
</div> </div>

8
frontend/src/components/DropdownItem.vue
View File

@ -31,7 +31,9 @@
class="opacity-0 hover:bg-surface-gray-4 group-hover:opacity-100" class="opacity-0 hover:bg-surface-gray-4 group-hover:opacity-100"
@click="option.onClick" @click="option.onClick"
> >
<SuccessIcon /> <template #icon>
<SuccessIcon />
</template>
</Button> </Button>
</div> </div>
</Tooltip> </Tooltip>
@ -43,7 +45,9 @@
class="opacity-0 hover:bg-surface-gray-4 group-hover:opacity-100" class="opacity-0 hover:bg-surface-gray-4 group-hover:opacity-100"
@click="toggleEditMode" @click="toggleEditMode"
> >
<EditIcon /> <template #icon>
<EditIcon />
</template>
</Button> </Button>
</div> </div>
</Tooltip> </Tooltip>

8
frontend/src/components/Modals/AddressModal.vue
View File

@ -15,10 +15,14 @@
class="w-7" class="w-7"
@click="openQuickEntryModal" @click="openQuickEntryModal"
> >
<EditIcon class="h-4 w-4" /> <template #icon>
<EditIcon />
</template>
</Button> </Button>
<Button variant="ghost" class="w-7" @click="show = false"> <Button variant="ghost" class="w-7" @click="show = false">
<FeatherIcon name="x" class="h-4 w-4" /> <template #icon>
<FeatherIcon name="x" class="size-4" />
</template>
</Button> </Button>
</div> </div>
</div> </div>

8
frontend/src/components/Modals/CallLogDetailModal.vue
View File

@ -39,10 +39,14 @@
class="w-7" class="w-7"
@click="openCallLogModal" @click="openCallLogModal"
> >
<EditIcon class="h-4 w-4" /> <template #icon>
<EditIcon />
</template>
</Button> </Button>
<Button variant="ghost" class="w-7" @click="show = false"> <Button variant="ghost" class="w-7" @click="show = false">
<FeatherIcon name="x" class="h-4 w-4" /> <template #icon>
<FeatherIcon name="x" class="size-4" />
</template>
</Button> </Button>
</div> </div>
</div> </div>

8
frontend/src/components/Modals/CallLogModal.vue
View File

@ -16,10 +16,14 @@
class="w-7" class="w-7"
@click="openQuickEntryModal" @click="openQuickEntryModal"
> >
<EditIcon class="w-4 h-4" /> <template #icon>
<EditIcon />
</template>
</Button> </Button>
<Button variant="ghost" class="w-7" @click="show = false"> <Button variant="ghost" class="w-7" @click="show = false">
<FeatherIcon name="x" class="w-4 h-4" /> <template #icon>
<FeatherIcon name="x" class="size-4" />
</template>
</Button> </Button>
</div> </div>
</div> </div>

8
frontend/src/components/Modals/ContactModal.vue
View File

@ -15,10 +15,14 @@
class="w-7" class="w-7"
@click="openQuickEntryModal" @click="openQuickEntryModal"
> >
<EditIcon class="h-4 w-4" /> <template #icon>
<EditIcon />
</template>
</Button> </Button>
<Button variant="ghost" class="w-7" @click="show = false"> <Button variant="ghost" class="w-7" @click="show = false">
<FeatherIcon name="x" class="h-4 w-4" /> <template #icon>
<FeatherIcon name="x" class="size-4" />
</template>
</Button> </Button>
</div> </div>
</div> </div>

8
frontend/src/components/Modals/CreateDocumentModal.vue
View File

@ -15,10 +15,14 @@
class="w-7" class="w-7"
@click="openQuickEntryModal" @click="openQuickEntryModal"
> >
<EditIcon class="h-4 w-4" /> <template #icon>
<EditIcon />
</template>
</Button> </Button>
<Button variant="ghost" class="w-7" @click="show = false"> <Button variant="ghost" class="w-7" @click="show = false">
<FeatherIcon name="x" class="h-4 w-4" /> <template #icon>
<FeatherIcon name="x" class="size-4" />
</template>
</Button> </Button>
</div> </div>
</div> </div>

8
frontend/src/components/Modals/DealModal.vue
View File

@ -15,10 +15,14 @@
class="w-7" class="w-7"
@click="openQuickEntryModal" @click="openQuickEntryModal"
> >
<EditIcon class="h-4 w-4" /> <template #icon>
<EditIcon />
</template>
</Button> </Button>
<Button variant="ghost" class="w-7" @click="show = false"> <Button variant="ghost" class="w-7" @click="show = false">
<FeatherIcon name="x" class="h-4 w-4" /> <template #icon>
<FeatherIcon name="x" class="size-4" />
</template>
</Button> </Button>
</div> </div>
</div> </div>

8
frontend/src/components/Modals/LeadModal.vue
View File

@ -15,10 +15,14 @@
class="w-7" class="w-7"
@click="openQuickEntryModal" @click="openQuickEntryModal"
> >
<EditIcon class="h-4 w-4" /> <template #icon>
<EditIcon />
</template>
</Button> </Button>
<Button variant="ghost" class="w-7" @click="show = false"> <Button variant="ghost" class="w-7" @click="show = false">
<FeatherIcon name="x" class="h-4 w-4" /> <template #icon>
<FeatherIcon name="x" class="size-4" />
</template>
</Button> </Button>
</div> </div>
</div> </div>

8
frontend/src/components/Modals/OrganizationModal.vue
View File

@ -15,10 +15,14 @@
class="w-7" class="w-7"
@click="openQuickEntryModal" @click="openQuickEntryModal"
> >
<EditIcon class="w-4 h-4" /> <template #icon>
<EditIcon />
</template>
</Button> </Button>
<Button variant="ghost" class="w-7" @click="show = false"> <Button variant="ghost" class="w-7" @click="show = false">
<FeatherIcon name="x" class="w-4 h-4" /> <template #icon>
<FeatherIcon name="x" class="size-4" />
</template>
</Button> </Button>
</div> </div>
</div> </div>

4
frontend/src/components/SidePanelLayoutEditor.vue
View File

@ -41,7 +41,9 @@
variant="ghost" variant="ghost"
@click="section.editingLabel = true" @click="section.editingLabel = true"
> >
<EditIcon class="h-3.5" /> <template #icon>
<EditIcon class="h-3.5" />
</template>
</Button> </Button>
<Button <Button
v-if="section.editable !== false" v-if="section.editable !== false"