Make all spinner icons local
This commit is contained in:
marzban-dev
@@ -50,7 +50,7 @@ const visible = computed({
|
||||
|
||||
<div class="-translate-y-28 flex-center gap-3">
|
||||
<Icon
|
||||
name="svg-spinners:3-dots-bounce"
|
||||
name="ci:svg-spinners-3-dots-bounce"
|
||||
size="20"
|
||||
/>
|
||||
<span class="text-lg"> در حال انتقال به درگاه پرداخت </span>
|
||||
|
||||
@@ -113,7 +113,7 @@ const handleDeleteAddress = (id: number) => {
|
||||
>
|
||||
<span v-if="setOrderAddressIsPending">
|
||||
<Icon
|
||||
name="svg-spinners:3-dots-bounce"
|
||||
name="ci:svg-spinners-3-dots-bounce"
|
||||
class="**:fill-white"
|
||||
/>
|
||||
</span>
|
||||
|
||||
@@ -302,7 +302,7 @@ watch(
|
||||
>
|
||||
<Icon
|
||||
v-if="createAddressIsPending"
|
||||
name="svg-spinners:3-dots-bounce"
|
||||
name="ci:svg-spinners-3-dots-bounce"
|
||||
/>
|
||||
<span v-else>ثبت</span>
|
||||
</Button>
|
||||
|
||||
@@ -272,7 +272,7 @@ watch(
|
||||
>
|
||||
<Icon
|
||||
v-if="submitSpecialDiscountCodeIsPending || deleteSpecialDiscountCodeIsPending"
|
||||
name="svg-spinners:180-ring-with-bg"
|
||||
name="ci:svg-spinners-180-ring-with-bg"
|
||||
size="20"
|
||||
class="**:fill-white"
|
||||
/>
|
||||
@@ -296,7 +296,7 @@ watch(
|
||||
>
|
||||
<Icon
|
||||
v-if="submitSpecialDiscountCodeIsPending || deleteSpecialDiscountCodeIsPending"
|
||||
name="svg-spinners:180-ring-with-bg"
|
||||
name="ci:svg-spinners-180-ring-with-bg"
|
||||
size="20"
|
||||
class="**:fill-white"
|
||||
/>
|
||||
|
||||
@@ -206,7 +206,7 @@ watch(
|
||||
class="size-10 flex-center"
|
||||
>
|
||||
<Icon
|
||||
:name="'svg-spinners:180-ring-with-bg'"
|
||||
:name="'ci:svg-spinners-180-ring-with-bg'"
|
||||
class="size-[18px]"
|
||||
/>
|
||||
</div>
|
||||
@@ -225,7 +225,7 @@ watch(
|
||||
>
|
||||
<Icon
|
||||
v-if="counter == 1"
|
||||
:name="deleteCartItemIsPending ? 'svg-spinners:3-dots-bounce' : 'ci:bi-trash'"
|
||||
:name="deleteCartItemIsPending ? 'ci:svg-spinners-3-dots-bounce' : 'ci:bi-trash'"
|
||||
class="**:fill-red-700"
|
||||
/>
|
||||
<Icon
|
||||
@@ -272,7 +272,7 @@ watch(
|
||||
class="size-10 text-sm flex-center"
|
||||
>
|
||||
<Icon
|
||||
:name="'svg-spinners:180-ring-with-bg'"
|
||||
:name="'ci:svg-spinners-180-ring-with-bg'"
|
||||
class="size-[25px]"
|
||||
/>
|
||||
</div>
|
||||
@@ -291,7 +291,7 @@ watch(
|
||||
>
|
||||
<Icon
|
||||
v-if="counter == 1"
|
||||
:name="deleteCartItemIsPending ? 'svg-spinners:3-dots-bounce' : 'ci:bi-trash'"
|
||||
:name="deleteCartItemIsPending ? 'ci:svg-spinners-3-dots-bounce' : 'ci:bi-trash'"
|
||||
class="**:fill-red-700"
|
||||
/>
|
||||
<Icon
|
||||
|
||||
@@ -76,7 +76,7 @@ const handleSubmit = () => {
|
||||
>
|
||||
<Icon
|
||||
v-if="deleteCartAllIsPending"
|
||||
name="svg-spinners:3-dots-bounce"
|
||||
name="ci:svg-spinners-3-dots-bounce"
|
||||
/>
|
||||
<span v-else>بله</span>
|
||||
</Button>
|
||||
|
||||
@@ -43,6 +43,6 @@ const classes = computed(() => {
|
||||
<Icon v-if="!loading && startIcon" :name="startIcon" />
|
||||
<slot v-if="!loading" />
|
||||
<Icon v-if="!loading && endIcon" :name="endIcon" />
|
||||
<Icon v-if="loading" name="svg-spinners:3-dots-fade" class="my-0.5" />
|
||||
<Icon v-if="loading" name="ci:svg-spinners-3-dots-fade" class="my-0.5" />
|
||||
</button>
|
||||
</template>
|
||||
|
||||
@@ -121,7 +121,7 @@ const removeAttachment = (id: number) => {
|
||||
<Icon
|
||||
:name="
|
||||
loading
|
||||
? 'svg-spinners:ring-resize'
|
||||
? 'ci:svg-spinners-ring-resize'
|
||||
: 'ci:bi-file-earmark-arrow-down'
|
||||
"
|
||||
size="32"
|
||||
|
||||
@@ -72,7 +72,7 @@ const classes = computed(() => {
|
||||
class="font-iran-yekan-x text-xs lg:text-sm text-start placeholder-slate-400 placeholder:text-xs lg:placeholder:text-sm"
|
||||
/>
|
||||
<Icon
|
||||
:name="loading ? 'svg-spinners:3-dots-fade' : 'ci:bi-chevron-down'"
|
||||
:name="loading ? 'ci:svg-spinners-3-dots-fade' : 'ci:bi-chevron-down'"
|
||||
size="16"
|
||||
/>
|
||||
</SelectTrigger>
|
||||
|
||||
@@ -73,7 +73,7 @@ onMounted(() => {
|
||||
class="w-[40px] h-[25px] flex-center transition-all absolute bg-white"
|
||||
>
|
||||
<Icon
|
||||
:name="'svg-spinners:180-ring-with-bg'"
|
||||
:name="'ci:svg-spinners-180-ring-with-bg'"
|
||||
class="size-[25px]"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -154,7 +154,7 @@ whenever(
|
||||
class="py-2 flex items-center justify-center"
|
||||
>
|
||||
<Icon
|
||||
name="svg-spinners:3-dots-fade"
|
||||
name="ci:svg-spinners-3-dots-fade"
|
||||
size="24"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -96,7 +96,7 @@ const sendMessage = async () => {
|
||||
<TransitionGroup name="fade-down">
|
||||
<Icon
|
||||
v-if="isCreatingMessage"
|
||||
name="svg-spinners:wind-toy"
|
||||
name="ci:svg-spinners-wind-toy"
|
||||
size="24"
|
||||
class="text-black"
|
||||
/>
|
||||
|
||||
@@ -110,7 +110,7 @@ onMounted(() => {
|
||||
|
||||
<Icon
|
||||
v-else
|
||||
name="svg-spinners:3-dots-bounce"
|
||||
name="ci:svg-spinners-3-dots-bounce"
|
||||
size="20"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -93,7 +93,7 @@ watch(
|
||||
>
|
||||
<Icon
|
||||
v-if="isSaveProductPending || isFetchingPending"
|
||||
name="svg-spinners:180-ring-with-bg"
|
||||
name="ci:svg-spinners-180-ring-with-bg"
|
||||
/>
|
||||
|
||||
<Icon
|
||||
@@ -159,7 +159,7 @@ watch(
|
||||
>
|
||||
<Icon
|
||||
v-if="isSaveProductPending || isFetchingPending"
|
||||
name="svg-spinners:180-ring-with-bg"
|
||||
name="ci:svg-spinners-180-ring-with-bg"
|
||||
/>
|
||||
|
||||
<Icon
|
||||
|
||||
@@ -211,7 +211,7 @@ watch(
|
||||
>
|
||||
در حال دریافت اطلاعات
|
||||
<Icon
|
||||
name="svg-spinners:3-dots-bounce"
|
||||
name="ci:svg-spinners-3-dots-bounce"
|
||||
size="20"
|
||||
/>
|
||||
</span>
|
||||
|
||||
@@ -71,7 +71,7 @@ const handleSubmit = () => {
|
||||
>
|
||||
<Icon
|
||||
v-if="signoutIsPending"
|
||||
name="svg-spinners:3-dots-bounce"
|
||||
name="ci:svg-spinners-3-dots-bounce"
|
||||
/>
|
||||
<span v-else>آره دارم میرم</span>
|
||||
</Button>
|
||||
|
||||
@@ -171,7 +171,7 @@ const resetAvatarFile = async () => {
|
||||
>
|
||||
<Icon
|
||||
v-if="updateAccountIsPending"
|
||||
name="svg-spinners:3-dots-bounce"
|
||||
name="ci:svg-spinners-3-dots-bounce"
|
||||
/>
|
||||
<span v-else>آپلود عکس شما</span>
|
||||
</Button>
|
||||
|
||||
@@ -60,7 +60,7 @@ const { downloadFn, downloadIsLoading } = useDownloadInvoice(String(data.value.i
|
||||
>
|
||||
<Icon
|
||||
v-if="downloadIsLoading"
|
||||
name="svg-spinners:3-dots-fade"
|
||||
name="ci:svg-spinners-3-dots-fade"
|
||||
class="**:stroke-black"
|
||||
size="20"
|
||||
/>
|
||||
|
||||
@@ -55,7 +55,7 @@ const handleDeleteAttachment = (id: number) => {
|
||||
<Icon
|
||||
:name="
|
||||
deleteAttachmentPending
|
||||
? 'svg-spinners:ring-resize'
|
||||
? 'ci:svg-spinners-ring-resize'
|
||||
: 'ci:close'
|
||||
"
|
||||
:class="
|
||||
|
||||
@@ -202,7 +202,7 @@ watch(
|
||||
>
|
||||
در حال دریافت اطلاعات
|
||||
<Icon
|
||||
name="svg-spinners:3-dots-bounce"
|
||||
name="ci:svg-spinners-3-dots-bounce"
|
||||
size="20"
|
||||
/>
|
||||
</span>
|
||||
|
||||
Reference in New Issue
Block a user