Upgrade to Heroicons v2 (#281)

This commit is contained in:
mchev
2025-04-05 02:11:12 +02:00
committed by GitHub
parent 1bb65f420c
commit ba243b28a9
114 changed files with 219 additions and 219 deletions

View File

@@ -1,7 +1,7 @@
<template>
<BaseDropdown>
<template #activator>
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
</template>
<!-- edit customField -->

View File

@@ -2,9 +2,9 @@
<BaseDropdown :content-loading="customerStore.isFetchingViewData">
<template #activator>
<BaseButton v-if="route.name === 'customers.view'" variant="primary">
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-white" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-white" />
</BaseButton>
<BaseIcon v-else name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon v-else name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
</template>
<!-- Edit Customer -->

View File

@@ -2,9 +2,9 @@
<BaseDropdown>
<template #activator>
<BaseButton v-if="route.name === 'estimates.view'" variant="primary">
<BaseIcon name="DotsHorizontalIcon" class="text-white" />
<BaseIcon name="EllipsisHorizontalIcon" class="text-white" />
</BaseButton>
<BaseIcon v-else class="text-gray-500" name="DotsHorizontalIcon" />
<BaseIcon v-else class="text-gray-500" name="EllipsisHorizontalIcon" />
</template>
<!-- Copy PDF url -->

View File

@@ -5,9 +5,9 @@
v-if="route.name === 'expenseCategorys.view'"
variant="primary"
>
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-white" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-white" />
</BaseButton>
<BaseIcon v-else name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon v-else name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
</template>
<!-- edit expenseCategory -->

View File

@@ -2,9 +2,9 @@
<BaseDropdown>
<template #activator>
<BaseButton v-if="route.name === 'expenses.view'" variant="primary">
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-white" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-white" />
</BaseButton>
<BaseIcon v-else name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon v-else name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
</template>
<!-- edit expense -->

View File

@@ -2,9 +2,9 @@
<BaseDropdown>
<template #activator>
<BaseButton v-if="route.name === 'invoices.view'" variant="primary">
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-white" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-white" />
</BaseButton>
<BaseIcon v-else name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon v-else name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
</template>
<!-- Edit Invoice -->

View File

@@ -2,9 +2,9 @@
<BaseDropdown>
<template #activator>
<BaseButton v-if="route.name === 'items.view'" variant="primary">
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-white" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-white" />
</BaseButton>
<BaseIcon v-else name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon v-else name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
</template>
<!-- edit item -->

View File

@@ -2,9 +2,9 @@
<BaseDropdown>
<template #activator>
<BaseButton v-if="route.name === 'notes.view'" variant="primary">
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-white" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-white" />
</BaseButton>
<BaseIcon v-else name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon v-else name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
</template>
<!-- edit note -->

View File

@@ -2,9 +2,9 @@
<BaseDropdown :content-loading="contentLoading">
<template #activator>
<BaseButton v-if="route.name === 'payments.view'" variant="primary">
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-white" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-white" />
</BaseButton>
<BaseIcon v-else name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon v-else name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
</template>
<!-- Copy pdf url -->

View File

@@ -2,9 +2,9 @@
<BaseDropdown>
<template #activator>
<BaseButton v-if="route.name === 'paymentModes.view'" variant="primary">
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-white" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-white" />
</BaseButton>
<BaseIcon v-else name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon v-else name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
</template>
<!-- edit paymentMode -->

View File

@@ -5,9 +5,9 @@
v-if="route.name === 'recurring-invoices.view'"
variant="primary"
>
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-white" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-white" />
</BaseButton>
<BaseIcon v-else name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon v-else name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
</template>
<!-- Edit Recurring Invoice -->

View File

@@ -2,9 +2,9 @@
<BaseDropdown>
<template #activator>
<BaseButton v-if="route.name === 'roles.view'" variant="primary">
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-white" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-white" />
</BaseButton>
<BaseIcon v-else name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon v-else name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
</template>
<!-- edit role -->

View File

@@ -2,9 +2,9 @@
<BaseDropdown>
<template #activator>
<BaseButton v-if="route.name === 'tax-types.view'" variant="primary">
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-white" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-white" />
</BaseButton>
<BaseIcon v-else name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon v-else name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
</template>
<!-- edit tax-type -->

View File

@@ -2,9 +2,9 @@
<BaseDropdown>
<template #activator>
<BaseButton v-if="route.name === 'users.view'" variant="primary">
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-white" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-white" />
</BaseButton>
<BaseIcon v-else name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon v-else name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
</template>
<!-- edit user -->

View File

@@ -10,7 +10,7 @@
<div v-if="hasActiveProvider && isEdit">
<BaseIcon
v-tooltip="{ content: 'Fetch Latest Exchange rate' }"
name="RefreshIcon"
name="ArrowPathIcon"
:class="`h-4 w-4 text-primary-500 cursor-pointer outline-none ${
isFetching
? ' animate-spin rotate-180 cursor-not-allowed pointer-events-none '

View File

@@ -4,7 +4,7 @@
<div class="flex justify-between w-full">
{{ modalStore.title }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="w-6 h-6 text-gray-500 cursor-pointer"
@click="onCancel"
/>
@@ -78,7 +78,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isCreateLoading"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>

View File

@@ -4,7 +4,7 @@
<div class="flex justify-between w-full">
{{ modalStore.title }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="w-6 h-6 text-gray-500 cursor-pointer"
@click="closeCategoryModal"
/>
@@ -74,7 +74,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isSaving"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>

View File

@@ -5,7 +5,7 @@
{{ modalStore.title }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="w-6 h-6 text-gray-500 cursor-pointer"
@click="closeCompanyModal"
/>
@@ -117,7 +117,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isSaving"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>

View File

@@ -9,7 +9,7 @@
{{ modalStore.title }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="h-6 w-6 text-gray-500 cursor-pointer"
@click="closeCustomerModal"
/>
@@ -167,7 +167,7 @@
>
<template #right>
<BaseIcon
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
@@ -193,7 +193,7 @@
>
<template #right>
<BaseIcon
:name="isShowConfirmPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowConfirmPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowConfirmPassword = !isShowConfirmPassword"
/>
@@ -438,7 +438,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isLoading"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>

View File

@@ -9,7 +9,7 @@
{{ modalStore.title }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="w-6 h-6 text-gray-500 cursor-pointer"
@click="closeExchangeRateModal"
/>
@@ -171,7 +171,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isSaving"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>

View File

@@ -4,7 +4,7 @@
<div class="flex justify-between w-full">
{{ modalStore.title }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="h-6 w-6 text-gray-500 cursor-pointer"
@click="closeDiskModal"
/>
@@ -40,7 +40,7 @@
>
<BaseIcon
v-if="!isRequestFire(slotProps)"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
class="w-6 mr-2"
/>

View File

@@ -4,7 +4,7 @@
<div class="flex justify-between w-full">
{{ modalStore.title }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="h-6 w-6 text-gray-500 cursor-pointer"
@click="closeItemModal"
/>
@@ -107,7 +107,7 @@
type="submit"
>
<template #left="slotProps">
<BaseIcon name="SaveIcon" :class="slotProps.class" />
<BaseIcon name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ itemStore.isEdit ? $t('general.update') : $t('general.save') }}
</BaseButton>

View File

@@ -7,7 +7,7 @@
<div class="flex justify-between w-full">
{{ modalStore.title }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="w-6 h-6 text-gray-500 cursor-pointer"
@click="closeItemUnitModal"
/>
@@ -58,7 +58,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isSaving"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>

View File

@@ -4,7 +4,7 @@
<div class="flex justify-between w-full">
{{ modalStore.title }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="w-6 h-6 text-gray-500 cursor-pointer"
@click="closeTestModal"
/>

View File

@@ -4,7 +4,7 @@
<div class="flex justify-between w-full">
{{ modalStore.title }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="h-6 w-6 text-gray-500 cursor-pointer"
@click="closeNoteModal"
/>
@@ -89,7 +89,7 @@
type="submit"
>
<template #left="slotProps">
<BaseIcon name="SaveIcon" :class="slotProps.class" />
<BaseIcon name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ noteStore.isEdit ? $t('general.update') : $t('general.save') }}
</BaseButton>

View File

@@ -4,7 +4,7 @@
<div class="flex justify-between w-full">
{{ modalStore.title }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="w-6 h-6 text-gray-500 cursor-pointer"
@click="closePaymentModeModal"
/>
@@ -48,7 +48,7 @@
type="submit"
>
<template #left="slotProps">
<BaseIcon name="SaveIcon" :class="slotProps.class" />
<BaseIcon name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{
paymentStore.currentPaymentMode.id

View File

@@ -5,7 +5,7 @@
{{ modalStore.title }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="w-6 h-6 text-gray-500 cursor-pointer"
@click="closeRolesModal"
/>
@@ -140,7 +140,7 @@
type="submit"
>
<template #left="slotProps">
<BaseIcon name="SaveIcon" :class="slotProps.class" />
<BaseIcon name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ !roleStore.isEdit ? $t('general.save') : $t('general.update') }}
</BaseButton>

View File

@@ -4,7 +4,7 @@
<div class="flex justify-between w-full">
{{ modalTitle }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="h-6 w-6 text-gray-500 cursor-pointer"
@click="closeModal"
/>
@@ -76,7 +76,7 @@
</BaseButton>
<BaseButton variant="primary" @click="chooseTemplate()">
<template #left="slotProps">
<BaseIcon name="SaveIcon" :class="slotProps.class" />
<BaseIcon name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('general.choose') }}
</BaseButton>

View File

@@ -8,7 +8,7 @@
<div class="flex justify-between w-full">
{{ modalStore.title }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="h-6 w-6 text-gray-500 cursor-pointer"
@click="closeSendEstimateModal"
/>
@@ -82,7 +82,7 @@
class="mr-3"
@click="submitForm"
>
<BaseIcon v-if="!isLoading" name="PhotographIcon" class="h-5 mr-2" />
<BaseIcon v-if="!isLoading" name="PhotoIcon" class="h-5 mr-2" />
{{ $t('general.preview') }}
</BaseButton>
</div>

View File

@@ -8,7 +8,7 @@
<div class="flex justify-between w-full">
{{ modalTitle }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="w-6 h-6 text-gray-500 cursor-pointer"
@click="closeSendInvoiceModal"
/>
@@ -88,7 +88,7 @@
<BaseIcon
v-if="!isLoading"
:class="slotProps.class"
name="PhotographIcon"
name="PhotoIcon"
/>
</template>
{{ $t('general.preview') }}

View File

@@ -8,7 +8,7 @@
<div class="flex justify-between w-full">
{{ modalTitle }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="w-6 h-6 text-gray-500 cursor-pointer"
@click="closeSendPaymentModal"
/>
@@ -88,7 +88,7 @@
<BaseIcon
v-if="!isLoading"
:class="slotProps.class"
name="PhotographIcon"
name="PhotoIcon"
/>
</template>
{{ $t('general.preview') }}

View File

@@ -7,7 +7,7 @@
<div class="flex justify-between w-full">
{{ modalStore.title }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="h-6 w-6 text-gray-500 cursor-pointer"
@click="closeTaxTypeModal"
/>
@@ -105,7 +105,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isSaving"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>

View File

@@ -10,7 +10,7 @@
</p>
</div>
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="h-6 w-6 text-gray-500 cursor-pointer"
@click="closeModal"
/>
@@ -103,7 +103,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isLoading"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>

View File

@@ -5,7 +5,7 @@
{{ modalStore.title }}
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="w-6 h-6 text-gray-500 cursor-pointer"
@click="closeCustomFieldModal"
/>
@@ -201,7 +201,7 @@
<BaseIcon
v-if="!isSaving"
:class="slotProps.class"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
/>
</template>
{{

View File

@@ -56,7 +56,7 @@
"
@click.prevent="onToggle"
>
<BaseIcon name="MenuIcon" class="!w-6 !h-6 text-gray-500" />
<BaseIcon name="Bars3Icon" class="!w-6 !h-6 text-gray-500" />
</div>
<ul class="flex float-right h-8 m-0 list-none md:h-9">
@@ -160,7 +160,7 @@
<BaseDropdownItem @click="logout">
<BaseIcon
name="LogoutIcon"
name="ArrowRightOnRectangleIcon"
class="w-5 h-5 mr-3 text-gray-400 group-hover:text-gray-500"
aria-hidden="true"
/>

View File

@@ -56,7 +56,7 @@
>
<span class="sr-only">Close sidebar</span>
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="w-6 h-6 text-white"
aria-hidden="true"
/>

View File

@@ -41,7 +41,7 @@
<base-dropdown width-class="w-48" margin-class="mt-1">
<template #activator>
<div class="flex items-center justify-center">
<DotsHorizontalIcon class="w-6 h-6 text-gray-600" />
<EllipsisHorizontalIcon class="w-6 h-6 text-gray-600" />
</div>
</template>
@@ -85,13 +85,13 @@ import {
UserIcon,
DocumentIcon,
DocumentTextIcon,
DotsHorizontalIcon,
} from '@heroicons/vue/solid'
EllipsisHorizontalIcon,
} from '@heroicons/vue/24/solid'
export default {
components: {
BaseTable,
DotsHorizontalIcon,
EllipsisHorizontalIcon,
UserIcon,
DocumentIcon,
DocumentTextIcon,

View File

@@ -31,7 +31,7 @@
>
<template #right>
<BaseIcon
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>

View File

@@ -17,7 +17,7 @@
<div class="flex items-center justify-end">
<BaseButton type="submit" :loading="isSaving" :disabled="isSaving">
<template #left="slotProps">
<BaseIcon name="SaveIcon" :class="slotProps.class" />
<BaseIcon name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{
isEdit
@@ -223,7 +223,7 @@
>
<template #right>
<BaseIcon
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
@@ -250,7 +250,7 @@
>
<template #right>
<BaseIcon
:name="isShowConfirmPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowConfirmPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowConfirmPassword = !isShowConfirmPassword"
/>

View File

@@ -22,10 +22,10 @@
<template #right="slotProps">
<BaseIcon
v-if="!showFilters"
name="FilterIcon"
name="FunnelIcon"
:class="slotProps.class"
/>
<BaseIcon v-else name="XIcon" :class="slotProps.class" />
<BaseIcon v-else name="XMarkIcon" :class="slotProps.class" />
</template>
</BaseButton>

View File

@@ -6,7 +6,7 @@
<div class="col-span-12 xl:col-span-9 xxl:col-span-10">
<div class="flex justify-between mt-1 mb-6">
<h6 class="flex items-center">
<BaseIcon name="ChartSquareBarIcon" class="h-5 text-primary-400" />
<BaseIcon name="ChartBarSquareIcon" class="h-5 text-primary-400" />
{{ $t('dashboard.monthly_chart.title') }}
</h6>

View File

@@ -35,7 +35,7 @@
variant="gray"
@input="onSearch()"
>
<BaseIcon name="SearchIcon" class="text-gray-500" />
<BaseIcon name="MagnifyingGlassIcon" class="text-gray-500" />
</BaseInput>
<div class="flex mb-6 ml-3" role="group" aria-label="First group">
@@ -47,7 +47,7 @@
>
<template #activator>
<BaseButton variant="gray">
<BaseIcon name="FilterIcon" />
<BaseIcon name="FunnelIcon" />
</BaseButton>
</template>

View File

@@ -18,7 +18,7 @@
>
<div class="flex justify-between mt-1 mb-4 flex-col md:flex-row">
<h6 class="flex items-center sw-section-title h-10">
<BaseIcon name="ChartSquareBarIcon" class="text-primary-400 mr-1" />
<BaseIcon name="ChartBarSquareIcon" class="text-primary-400 mr-1" />
{{ $t('dashboard.monthly_chart.title') }}
</h6>

View File

@@ -24,9 +24,9 @@
<BaseIcon
v-if="!showFilters"
:class="slotProps.class"
name="FilterIcon"
name="FunnelIcon"
/>
<BaseIcon v-else name="XIcon" :class="slotProps.class" />
<BaseIcon v-else name="XMarkIcon" :class="slotProps.class" />
</template>
</BaseButton>

View File

@@ -73,7 +73,7 @@
@input="onSearched()"
>
<template #right>
<BaseIcon name="SearchIcon" class="text-gray-400" />
<BaseIcon name="MagnifyingGlassIcon" class="text-gray-400" />
</template>
</BaseInput>
</div>
@@ -87,7 +87,7 @@
>
<template #activator>
<BaseButton size="md" variant="gray">
<BaseIcon name="FilterIcon" />
<BaseIcon name="FunnelIcon" />
</BaseButton>
</template>

View File

@@ -60,7 +60,7 @@
<BaseIcon
v-if="!isSaving"
:class="slotProps.class"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
/>
</template>
{{ $t('estimates.save_estimate') }}

View File

@@ -45,7 +45,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isSaving"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>
@@ -264,7 +264,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isSaving"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>

View File

@@ -17,10 +17,10 @@
<template #right="slotProps">
<BaseIcon
v-if="!showFilters"
name="FilterIcon"
name="FunnelIcon"
:class="slotProps.class"
/>
<BaseIcon v-else name="XIcon" :class="slotProps.class" />
<BaseIcon v-else name="XMarkIcon" :class="slotProps.class" />
</template>
</BaseButton>

View File

@@ -69,7 +69,7 @@
>
<template #right>
<BaseIcon
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
@@ -94,7 +94,7 @@
>
<template #right>
<BaseIcon
:name="isShowConfirmPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowConfirmPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowConfirmPassword = !isShowConfirmPassword"
/>
@@ -105,7 +105,7 @@
<BaseButton :loading="isSaving" :disabled="isSaving" class="mt-4">
<template #left="slotProps">
<BaseIcon v-if="!isSaving" name="SaveIcon" :class="slotProps.class" />
<BaseIcon v-if="!isSaving" name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('wizard.save_cont') }}
</BaseButton>

View File

@@ -153,7 +153,7 @@
<BaseButton :loading="isSaving" :disabled="isSaving" class="mt-4">
<template #left="slotProps">
<BaseIcon v-if="!isSaving" name="SaveIcon" :class="slotProps.class" />
<BaseIcon v-if="!isSaving" name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('wizard.save_cont') }}
</BaseButton>

View File

@@ -134,7 +134,7 @@
class="mt-4"
>
<template #left="slotProps">
<BaseIcon name="SaveIcon" :class="slotProps.class" />
<BaseIcon name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('wizard.save_cont') }}
</BaseButton>

View File

@@ -98,7 +98,7 @@
:disabled="isSaving"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" name="SaveIcon" :class="slotProps.class" />
<BaseIcon v-if="!isSaving" name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('wizard.save_cont') }}
</BaseButton>

View File

@@ -118,7 +118,7 @@
:disabled="isSaving"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" name="SaveIcon" :class="slotProps.class" />
<BaseIcon v-if="!isSaving" name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('wizard.save_cont') }}
</BaseButton>

View File

@@ -62,7 +62,7 @@
:disabled="isSaving"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" name="SaveIcon" :class="slotProps.class" />
<BaseIcon v-if="!isSaving" name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('wizard.save_cont') }}
</BaseButton>

View File

@@ -67,7 +67,7 @@
class="mt-4"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" name="SaveIcon" :class="slotProps.class" />
<BaseIcon v-if="!isSaving" name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('general.save') }}
</BaseButton>

View File

@@ -62,7 +62,7 @@
>
<template #right>
<BaseIcon
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
@@ -137,7 +137,7 @@
class="mt-4"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" name="SaveIcon" :class="slotProps.class" />
<BaseIcon v-if="!isSaving" name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('general.save') }}
</BaseButton>

View File

@@ -160,7 +160,7 @@
>
<template #right>
<BaseIcon
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
@@ -176,7 +176,7 @@
class="mt-4"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" name="SaveIcon" :class="slotProps.class" />
<BaseIcon v-if="!isSaving" name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('general.save') }}

View File

@@ -67,7 +67,7 @@
>
<template #right>
<BaseIcon
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
@@ -163,7 +163,7 @@
class="mt-4"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" name="SaveIcon" :class="slotProps.class" />
<BaseIcon v-if="!isSaving" name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('general.save') }}
</BaseButton>

View File

@@ -17,10 +17,10 @@
<template #right="slotProps">
<BaseIcon
v-if="!showFilters"
name="FilterIcon"
name="FunnelIcon"
:class="slotProps.class"
/>
<BaseIcon v-else name="XIcon" :class="slotProps.class" />
<BaseIcon v-else name="XMarkIcon" :class="slotProps.class" />
</template>
</BaseButton>

View File

@@ -322,7 +322,7 @@ onSearched = debounce(onSearched, 500)
@input="onSearched()"
>
<template #right>
<BaseIcon name="SearchIcon" class="h-5 text-gray-400" />
<BaseIcon name="MagnifyingGlassIcon" class="h-5 text-gray-400" />
</template>
</BaseInput>
</div>
@@ -331,7 +331,7 @@ onSearched = debounce(onSearched, 500)
<BaseDropdown class="ml-3" position="bottom-start">
<template #activator>
<BaseButton size="md" variant="gray">
<BaseIcon name="FilterIcon" />
<BaseIcon name="FunnelIcon" />
</BaseButton>
</template>
<div

View File

@@ -58,7 +58,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isSaving"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>

View File

@@ -118,7 +118,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isSaving"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>

View File

@@ -18,9 +18,9 @@
<BaseIcon
v-if="!showFilters"
:class="slotProps.class"
name="FilterIcon"
name="FunnelIcon"
/>
<BaseIcon v-else name="XIcon" :class="slotProps.class" />
<BaseIcon v-else name="XMarkIcon" :class="slotProps.class" />
</template>
</BaseButton>

View File

@@ -90,7 +90,7 @@
<div class="flex space-x-2">
<BaseButton class="mt-6" :loading="isSaving" type="submit">
<template #left="slotProps">
<BaseIcon name="SaveIcon" :class="slotProps.class" />
<BaseIcon name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('general.save') }}
</BaseButton>

View File

@@ -274,7 +274,7 @@
class="mr-4 flex items-center justify-center text-base"
@click="installModule()"
>
<BaseIcon v-if="!isInstalling" name="DownloadIcon" class="mr-2" />
<BaseIcon v-if="!isInstalling" name="ArrowDownTrayIcon" class="mr-2" />
{{ $t('modules.install') }}
</BaseButton>
</div>
@@ -306,7 +306,7 @@
class="mr-4 flex items-center justify-center text-base"
@click="disableModule"
>
<BaseIcon v-if="!isDisabling" name="BanIcon" class="mr-2" />
<BaseIcon v-if="!isDisabling" name="NoSymbolIcon" class="mr-2" />
{{ $t('modules.disable') }}
</BaseButton>
<BaseButton

View File

@@ -27,7 +27,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isSaving"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>
@@ -237,7 +237,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isSaving"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>

View File

@@ -19,9 +19,9 @@
<BaseIcon
v-if="!showFilters"
:class="slotProps.class"
name="FilterIcon"
name="FunnelIcon"
/>
<BaseIcon v-else name="XIcon" :class="slotProps.class" />
<BaseIcon v-else name="XMarkIcon" :class="slotProps.class" />
</template>
</BaseButton>

View File

@@ -54,7 +54,7 @@
type="text"
@input="onSearch"
>
<BaseIcon name="SearchIcon" class="h-5" />
<BaseIcon name="MagnifyingGlassIcon" class="h-5" />
</BaseInput>
<div class="flex ml-3" role="group" aria-label="First group">
@@ -65,7 +65,7 @@
>
<template #activator>
<BaseButton variant="gray">
<BaseIcon name="FilterIcon" />
<BaseIcon name="FunnelIcon" />
</BaseButton>
</template>

View File

@@ -23,10 +23,10 @@
<template #right="slotProps">
<BaseIcon
v-if="!showFilters"
name="FilterIcon"
name="FunnelIcon"
:class="slotProps.class"
/>
<BaseIcon v-else name="XIcon" :class="slotProps.class" />
<BaseIcon v-else name="XMarkIcon" :class="slotProps.class" />
</template>
</BaseButton>

View File

@@ -56,7 +56,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isSaving"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>

View File

@@ -175,7 +175,7 @@ onSearched = debounce(onSearched, 500)
@input="onSearched()"
>
<template #right>
<BaseIcon name="SearchIcon" class="h-5 text-gray-400" />
<BaseIcon name="MagnifyingGlassIcon" class="h-5 text-gray-400" />
</template>
</BaseInput>
</div>
@@ -184,7 +184,7 @@ onSearched = debounce(onSearched, 500)
<BaseDropdown class="ml-3" position="bottom-start">
<template #activator>
<BaseButton size="md" variant="gray">
<BaseIcon name="FilterIcon" class="h-5" />
<BaseIcon name="FunnelIcon" class="h-5" />
</BaseButton>
</template>
<div

View File

@@ -12,7 +12,7 @@
<template #actions>
<BaseButton variant="primary" class="ml-4" @click="onDownload">
<template #left="slotProps">
<BaseIcon name="DownloadIcon" :class="slotProps.class" />
<BaseIcon name="ArrowDownTrayIcon" :class="slotProps.class" />
</template>
{{ $t('reports.download_pdf') }}
</BaseButton>

View File

@@ -86,7 +86,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isSaving"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
></BaseIcon>
</template>

View File

@@ -47,12 +47,12 @@
<BaseDropdown>
<template #activator>
<div class="inline-block">
<BaseIcon name="DotsHorizontalIcon" class="text-gray-500" />
<BaseIcon name="EllipsisHorizontalIcon" class="text-gray-500" />
</div>
</template>
<BaseDropdownItem @click="onDownloadBckup(row.data)">
<BaseIcon name="CloudDownloadIcon" class="mr-3 text-gray-600" />
<BaseIcon name="CloudArrowDownIcon" class="mr-3 text-gray-600" />
{{ $t('general.download') }}
</BaseDropdownItem>

View File

@@ -103,7 +103,7 @@
class="mt-6"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="SaveIcon" />
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="ArrowDownOnSquareIcon" />
</template>
{{ $t('settings.company_info.save') }}
</BaseButton>

View File

@@ -47,7 +47,7 @@
<BaseDropdown>
<template #activator>
<div class="inline-block">
<DotsHorizontalIcon class="w-5 text-gray-500" />
<EllipsisHorizontalIcon class="w-5 text-gray-500" />
</div>
</template>
@@ -71,16 +71,16 @@ import { useExchangeRateStore } from '@/scripts/admin/stores/exchange-rate'
import { useCompanyStore } from '@/scripts/admin/stores/company'
import { useModalStore } from '@/scripts/stores/modal'
import { useDialogStore } from '@/scripts/stores/dialog'
import { SaveIcon } from '@heroicons/vue/outline'
import { ArrowDownOnSquareIcon } from '@heroicons/vue/24/outline'
import { ref, computed, inject, reactive } from 'vue'
import ExchangeRateProviderModal from '@/scripts/admin/components/modal-components/ExchangeRateProviderModal.vue'
import { useI18n } from 'vue-i18n'
import {
PlusIcon,
DotsHorizontalIcon,
EllipsisHorizontalIcon,
PencilIcon,
TrashIcon,
} from '@heroicons/vue/outline'
} from '@heroicons/vue/24/outline'
import BaseTable from '@/scripts/components/base/base-table/BaseTable.vue'
// store

View File

@@ -39,7 +39,7 @@
<BaseDropdown v-if="isNotSystemDisk(row.data)">
<template #activator>
<div class="inline-block">
<BaseIcon name="DotsHorizontalIcon" class="text-gray-500" />
<BaseIcon name="EllipsisHorizontalIcon" class="text-gray-500" />
</div>
</template>

View File

@@ -33,7 +33,7 @@
<BaseIcon
v-if="!isSaving"
:class="slotProps.class"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
/>
</template>

View File

@@ -143,7 +143,7 @@
class="mt-6"
>
<template #left="slotProps">
<BaseIcon name="SaveIcon" :class="slotProps.class" />
<BaseIcon name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('settings.company_info.save') }}
</BaseButton>
@@ -183,7 +183,7 @@
class="mt-6"
>
<template #left="slotProps">
<BaseIcon name="SaveIcon" :class="slotProps.class" />
<BaseIcon name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('general.save') }}
</BaseButton>

View File

@@ -129,7 +129,7 @@
{{ $t('general.remove') }}
<template #left="slotProps">
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="!sm:m-0"
:class="slotProps.class"
/>
@@ -189,7 +189,7 @@
@click="submitForm"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="SaveIcon" />
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="ArrowDownOnSquareIcon" />
</template>
{{ $t('settings.customization.save') }}
</BaseButton>

View File

@@ -57,7 +57,7 @@
class="mt-4"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="SaveIcon" />
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="ArrowDownOnSquareIcon" />
</template>
{{ $t('settings.customization.save') }}
</BaseButton>

View File

@@ -46,7 +46,7 @@
class="mt-4"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="SaveIcon" />
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="ArrowDownOnSquareIcon" />
</template>
{{ $t('settings.customization.save') }}
</BaseButton>

View File

@@ -55,7 +55,7 @@
class="mt-4"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="SaveIcon" />
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="ArrowDownOnSquareIcon" />
</template>
{{ $t('settings.customization.save') }}
</BaseButton>

View File

@@ -44,7 +44,7 @@
class="mt-4"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="SaveIcon" />
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="ArrowDownOnSquareIcon" />
</template>
{{ $t('settings.customization.save') }}
</BaseButton>

View File

@@ -15,7 +15,7 @@
<BaseDropdown>
<template #activator>
<div class="inline-block">
<BaseIcon name="DotsHorizontalIcon" class="text-gray-500" />
<BaseIcon name="EllipsisHorizontalIcon" class="text-gray-500" />
</div>
</template>

View File

@@ -47,7 +47,7 @@
class="mt-4"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="SaveIcon" />
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="ArrowDownOnSquareIcon" />
</template>
{{ $t('settings.customization.save') }}
</BaseButton>

View File

@@ -67,7 +67,7 @@
type="submit"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="SaveIcon" />
<BaseIcon v-if="!isSaving" :class="slotProps.class" name="ArrowDownOnSquareIcon" />
</template>
{{ $t('general.save') }}
</BaseButton>

View File

@@ -59,7 +59,7 @@
>
<template #right>
<BaseIcon
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
@@ -133,7 +133,7 @@
type="submit"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" name="SaveIcon" :class="slotProps.class" />
<BaseIcon v-if="!isSaving" name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('general.save') }}
</BaseButton>

View File

@@ -154,7 +154,7 @@
>
<template #right>
<BaseIcon
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
@@ -172,7 +172,7 @@
type="submit"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" name="SaveIcon" :class="slotProps.class" />
<BaseIcon v-if="!isSaving" name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('general.save') }}
</BaseButton>

View File

@@ -63,7 +63,7 @@
>
<template #right>
<BaseIcon
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
@@ -159,7 +159,7 @@
variant="primary"
>
<template #left="slotProps">
<BaseIcon v-if="!isSaving" name="SaveIcon" :class="slotProps.class" />
<BaseIcon v-if="!isSaving" name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('general.save') }}
</BaseButton>

View File

@@ -149,7 +149,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isSaving"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>

View File

@@ -18,10 +18,10 @@
<template #right="slotProps">
<BaseIcon
v-if="!showFilters"
name="FilterIcon"
name="FunnelIcon"
:class="slotProps.class"
/>
<BaseIcon v-else name="XIcon" :class="slotProps.class" />
<BaseIcon v-else name="XMarkIcon" :class="slotProps.class" />
</template>
</BaseButton>

View File

@@ -9,7 +9,7 @@
@input="onSearch"
>
<template #left>
<BaseIcon name="SearchIcon" class="text-gray-400" />
<BaseIcon name="MagnifyingGlassIcon" class="text-gray-400" />
</template>
<template #right>
<SpinnerIcon v-if="isSearching" class="h-5 text-primary-500" />

View File

@@ -21,7 +21,7 @@
@click="addCustomer"
>
<BaseIcon
name="UserAddIcon"
name="UserPlusIcon"
class="h-4 mr-2 -ml-2 text-center text-primary-400"
/>

View File

@@ -357,7 +357,7 @@
"
@click="openCustomerModal"
>
<BaseIcon name="UserAddIcon" class="text-primary-400" />
<BaseIcon name="UserPlusIcon" class="text-primary-400" />
<label
class="

View File

@@ -21,7 +21,7 @@
</template>
<script setup>
import { XCircleIcon } from '@heroicons/vue/solid'
import { XCircleIcon } from '@heroicons/vue/24/solid'
const props = defineProps({
errorTitle: {

View File

@@ -67,7 +67,7 @@
<!-- Not Selected -->
<div v-else-if="!localFiles.length" class="flex flex-col items-center">
<BaseIcon
name="CloudUploadIcon"
name="CloudArrowUpIcon"
class="h-6 mb-2 text-xl leading-6 text-gray-400"
/>
<p class="text-xs leading-4 text-center text-gray-400">
@@ -171,7 +171,7 @@
"
@click.prevent.stop="onAvatarRemove(localFiles[0])"
>
<BaseIcon name="XIcon" class="h-4 text-xl leading-6 text-black" />
<BaseIcon name="XMarkIcon" class="h-4 text-xl leading-6 text-black" />
</a>
</div>
@@ -272,7 +272,7 @@
"
@click.prevent.stop="onFileRemove(index)"
>
<BaseIcon name="XIcon" class="h-4 text-xl leading-6 text-black" />
<BaseIcon name="XMarkIcon" class="h-4 text-xl leading-6 text-black" />
</span>
</a>
</div>
@@ -370,7 +370,7 @@
"
@click.prevent.stop="onFileRemove(index)"
>
<BaseIcon name="XIcon" class="h-4 text-xl leading-6 text-black" />
<BaseIcon name="XMarkIcon" class="h-4 text-xl leading-6 text-black" />
</span>
</a>
</div>

View File

@@ -4,7 +4,7 @@
<script setup>
import { ref, onMounted } from 'vue'
import * as heroIcons from '@heroicons/vue/outline'
import * as heroIcons from '@heroicons/vue/24/outline'
const isLoaded = ref(false)

View File

@@ -1,7 +1,7 @@
<template>
<div class="rounded-md bg-yellow-50 p-4 relative">
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="h-5 w-5 text-yellow-500 absolute right-4 cursor-pointer"
@click="$emit('hide')"
/>
@@ -83,7 +83,7 @@
</template>
<script setup>
import { XCircleIcon } from '@heroicons/vue/solid'
import { XCircleIcon } from '@heroicons/vue/24/solid'
const emits = defineEmits(['hide'])
const props = defineProps({

View File

@@ -17,7 +17,7 @@
<div
class="flex items-center justify-center w-6 h-6 ml-2 text-sm text-black bg-white rounded-sm md:h-9 md:w-9"
>
<dots-vertical-icon class="w-6 h-6 text-gray-600" />
<EllipsisVerticalIcon class="w-6 h-6 text-gray-600" />
</div>
</template>
<div class="flex flex-wrap space-x-1">
@@ -74,7 +74,7 @@ import { useEditor, EditorContent } from '@tiptap/vue-3'
import StarterKit from '@tiptap/starter-kit'
import TextAlign from '@tiptap/extension-text-align'
import Link from '@tiptap/extension-link'
import { DotsVerticalIcon } from '@heroicons/vue/outline'
import { EllipsisVerticalIcon } from '@heroicons/vue/24/outline'
import {
BoldIcon,
CodingIcon,
@@ -89,12 +89,12 @@ import {
CodeBlockIcon,
MenuCenterIcon,
} from './icons/index.js'
import { MenuAlt2Icon, MenuAlt3Icon, MenuIcon, LinkIcon } from '@heroicons/vue/solid'
import { Bars3BottomLeftIcon, Bars3BottomRightIcon, Bars3Icon, LinkIcon } from '@heroicons/vue/24/solid'
export default {
components: {
EditorContent,
DotsVerticalIcon,
EllipsisVerticalIcon,
},
props: {
@@ -143,9 +143,9 @@ export default {
{ name: 'codeBlock', icon: markRaw(CodeBlockIcon), action: () => editor.value.chain().focus().toggleCodeBlock().run() },
{ name: 'undo', icon: markRaw(UndoIcon), action: () => editor.value.chain().focus().undo().run() },
{ name: 'redo', icon: markRaw(RedoIcon), action: () => editor.value.chain().focus().redo().run() },
{ name: 'alignLeft', icon: markRaw(MenuAlt2Icon), action: () => editor.value.chain().focus().setTextAlign('left').run() },
{ name: 'alignRight', icon: markRaw(MenuAlt3Icon), action: () => editor.value.chain().focus().setTextAlign('right').run() },
{ name: 'alignJustify', icon: markRaw(MenuIcon), action: () => editor.value.chain().focus().setTextAlign('justify').run() },
{ name: 'alignLeft', icon: markRaw(Bars3BottomLeftIcon), action: () => editor.value.chain().focus().setTextAlign('left').run() },
{ name: 'alignRight', icon: markRaw(Bars3BottomRightIcon), action: () => editor.value.chain().focus().setTextAlign('right').run() },
{ name: 'alignJustify', icon: markRaw(Bars3Icon), action: () => editor.value.chain().focus().setTextAlign('justify').run() },
{ name: 'alignCenter', icon: markRaw(MenuCenterIcon), action: () => editor.value.chain().focus().setTextAlign('center').run() },
{ name: 'addLink', icon: markRaw(LinkIcon), action: () => {
const url = window.prompt('URL')

Some files were not shown because too many files have changed in this diff Show More