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.
2 lines
1.9 KiB
CSS
2 lines
1.9 KiB
CSS
.rate-strip[data-v-0b16738e]{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#14161a;color:#fff;box-shadow:0 10px 24px -18px #14161ae6}.rate-strip--compact[data-v-0b16738e]{gap:7px;padding:6px 12px 6px 10px;border-radius:999px;box-shadow:none;background:#1c2d560f;border:1px solid rgba(28,45,86,.1);color:#1c2d56}.rate-strip--compact .rate-strip__label[data-v-0b16738e]{font-size:11px;font-weight:500;color:#1c2d569e}.rate-strip--compact .rate-strip__num[data-v-0b16738e]{font-size:12.5px;font-weight:700;color:#1c2d56}.rate-strip--compact .rate-strip__value[data-v-0b16738e]{margin-inline-start:0}.rate-strip--compact .rate-strip__dot[data-v-0b16738e]{width:5px;height:5px;background:#8d6a46;box-shadow:none;animation:none}.rate-strip--compact .rate-strip__value--muted[data-v-0b16738e]{font-size:11px;color:#1c2d5673}.rate-strip--compact .rate-strip__unit[data-v-0b16738e],.rate-strip--compact .rate-strip__time[data-v-0b16738e]{display:none}.rate-strip__label[data-v-0b16738e]{display:flex;align-items:center;gap:7px;font-size:12px;color:#ffffffad;white-space:nowrap}.rate-strip__dot[data-v-0b16738e]{width:6px;height:6px;border-radius:50%;background:#a33c55;box-shadow:0 0 #a33c55a6;animation:ratePulse-0b16738e 2.4s ease-out infinite}.rate-strip__value[data-v-0b16738e]{margin-inline-start:auto;display:flex;align-items:baseline;gap:5px}.rate-strip__value--muted[data-v-0b16738e]{font-size:12px;color:#ffffff8c}.rate-strip__num[data-v-0b16738e]{font-size:16px;font-weight:700;letter-spacing:.2px}.rate-strip__unit[data-v-0b16738e]{font-size:10.5px;color:#ffffff8c}.rate-strip__time[data-v-0b16738e]{font-size:10.5px;color:#ffffff6b;padding-inline-start:10px;border-inline-start:1px solid rgba(255,255,255,.14);white-space:nowrap}@keyframes ratePulse-0b16738e{0%{box-shadow:0 0 #a33c5599}70%{box-shadow:0 0 0 7px #a33c5500}to{box-shadow:0 0 #a33c5500}}
|