s.esmaeili
53a304b5d5
DashboardView ("میز کار"): Rebuilt from scratch with a new structure, distinct from the old card+grid layout but visually aligned with HomeView (same blurred bar, @ink/@wine palette, staged reveal animation on mount):
Single hero card (ink→wine gradient) showing balance, gold/fiat debt, and identity — no quick-action icons inside it anymore.
Live gold rate folded into a slim inline row at the bottom instead of a titled section.
Iterated shadow/spacing on the hero card per feedback (softer, less clipped).
DialogVant / DialogVantOneButton (shared modal components, used in 7+ call sites: Dashboard, Cart, SingleProduct, Register, App): Replaced Vant's default dialog chrome with the app's own rounded-card language — circular icon badge for the illustration, pill-shaped primary/secondary buttons. No call-site markup changed.
LoginView: Rebuilt from scratch — full-bleed dark hero (brand + step copy) overlapped by a floating white form sheet, animated crossfade transition between the mobile-number and OTP steps, same staged entrance animation as Home/Dashboard. All auth logic (API check, OTP stub, session login) unchanged.
20 lines
860 B
Vue
20 lines
860 B
Vue
<!-- Ported from legacy henza_pwa/src/components/viewAll.vue.
|
|
Legacy left `to` undeclared and relied on Vue's attribute fallthrough to
|
|
land it on the root <router-link>; declared explicitly here only because
|
|
vue-tsc's template type-checking (which legacy's own build never ran)
|
|
requires router-link's `to` to be a known prop — same runtime value ends
|
|
up bound either way, no behavior change. -->
|
|
<template>
|
|
<router-link :to="to" class="text-primary w-[280px] rounded-[10px] p-[8px] bg-light flex flex-col justify-center items-center">
|
|
<Icon icon="vuesax-linear:arrow-left-1" class="cursor-pointer" size="25" />
|
|
مشاهده همه
|
|
</router-link>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { RouteLocationRaw } from 'vue-router'
|
|
import Icon from './icon/Icon.vue'
|
|
|
|
defineProps<{ to: RouteLocationRaw }>()
|
|
</script>
|