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.0 KiB
CSS
2 lines
1.0 KiB
CSS
.loading *{box-sizing:border-box}.loading{position:relative;width:50px;height:50px;border-radius:50%;box-sizing:border-box;border:3px solid transparent}.loading .effect-1,.loading .effect-2{position:absolute;width:50px;height:50px;border:3px solid transparent;border-left:3px solid #8D6A46;border-radius:50%;box-sizing:border-box}.loading .effect-1{animation:rotate 1s ease infinite}.loading .effect-2{animation:rotateOpacity 1s ease infinite .1s}.loading .effect-3{position:absolute;width:50px;height:50px;border:3px solid transparent;border-left:3px solid #8D6A46;animation:rotateOpacity 1s ease infinite .2s;border-radius:50%;box-sizing:border-box}.loading .effects{transition:all .3s ease}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotateOpacity{0%{transform:rotate(0);opacity:.1}to{transform:rotate(1turn);opacity:1}}.spinner-brand{display:block;width:48px;height:48px;-o-object-fit:contain;object-fit:contain;border-radius:8px}.ant-spin-text{color:#1c2d56}.loading+.ant-spin-text{margin-top:24px}
|