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
915 B
CSS
2 lines
915 B
CSS
.si[data-v-8ebd3183]{position:relative;display:flex;align-items:center}.si__icon[data-v-8ebd3183]{position:absolute;right:14px;color:#8a909c;cursor:pointer}.si__input[data-v-8ebd3183]{width:100%;height:48px;padding:0 44px;font-family:inherit;font-size:13px;color:#14161a;background:#fff;border:1px solid #ECEDEF;border-radius:999px;transition:border-color .18s ease,background .18s ease}.si__input[data-v-8ebd3183]::-moz-placeholder{color:#8a909c}.si__input[data-v-8ebd3183]::placeholder{color:#8a909c}.si__input[data-v-8ebd3183]:focus{outline:none;background:#fff;border-color:#a33c55}.si__clear[data-v-8ebd3183]{position:absolute;left:10px;width:26px;height:26px;display:grid;place-items:center;border:0;cursor:pointer;border-radius:50%;color:#8a909c;background:#ecedef;transform:rotate(45deg);transition:color .18s ease,background .18s ease}.si__clear[data-v-8ebd3183]:active{transform:rotate(45deg) scale(.92)}
|