Replace emoji icons with Lucide icons

This commit is contained in:
2026-05-25 16:29:03 +03:30
parent 4f3d461dcf
commit bdad9ee073
9 changed files with 142 additions and 18 deletions
+4 -2
View File
@@ -10,10 +10,11 @@
<section v-else-if="business" class="space-y-6">
<button
type="button"
class="text-sm text-brand-600 dark:text-brand-500"
class="inline-flex items-center gap-1 text-sm text-brand-600 dark:text-brand-500"
@click="router.back()"
>
← بازگشت
<AppIcon name="arrow-right" size="sm" />
بازگشت
</button>
<div>
@@ -92,6 +93,7 @@ import { fetchBusiness } from '@/api/businesses';
import { ApiError } from '@/api/client';
import type { Business, BusinessService } from '@/api/types';
import AppButton from '@/components/ui/AppButton.vue';
import AppIcon from '@/components/ui/AppIcon.vue';
import WebAppLayout from '@/layouts/WebAppLayout.vue';
import { formatDuration, formatPriceToman } from '@/utils/format';
+8 -2
View File
@@ -6,14 +6,19 @@
<p class="mt-1 text-sm text-muted">کسب‌وکارهای محلی نزدیک شما</p>
</div>
<div>
<div class="relative">
<label class="sr-only" for="search">جستجو</label>
<AppIcon
name="search"
size="sm"
class="pointer-events-none absolute start-3 top-1/2 -translate-y-1/2 text-muted"
/>
<input
id="search"
v-model="searchQuery"
type="search"
placeholder="جستجو در نام یا آدرس…"
class="w-full rounded-xl border border-border bg-surface-2 px-4 py-3 text-sm text-text outline-none placeholder:text-muted focus:border-brand-500 focus:ring-2 focus:ring-brand-500/30"
class="w-full rounded-xl border border-border bg-surface-2 py-3 pe-4 ps-10 text-sm text-text outline-none placeholder:text-muted focus:border-brand-500 focus:ring-2 focus:ring-brand-500/30"
/>
</div>
@@ -58,6 +63,7 @@ import { fetchBusinesses } from '@/api/businesses';
import { ApiError } from '@/api/client';
import type { Business, BusinessCategory } from '@/api/types';
import BusinessCard from '@/components/business/BusinessCard.vue';
import AppIcon from '@/components/ui/AppIcon.vue';
import CategoryFilter from '@/components/business/CategoryFilter.vue';
import WebAppLayout from '@/layouts/WebAppLayout.vue';