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
3.7 KiB
CSS
2 lines
3.7 KiB
CSS
.dash[data-v-a9e43f33]{background:#fff;min-height:100vh}.dash__bar[data-v-a9e43f33]{position:fixed;top:0;left:0;right:0;z-index:20;background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #ECEDEF}.dash__barInner[data-v-a9e43f33]{max-width:768px;margin:0 auto;padding:11px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.dash__barTitle[data-v-a9e43f33]{margin:0;font-size:14.5px;font-weight:800;color:#14161a}.dash__barBtn[data-v-a9e43f33]{flex:0 0 auto;width:38px;height:38px;border:0;cursor:pointer;border-radius:12px;display:grid;place-items:center;color:#7a1b33;background:#fbf2f4}.dash__barBtn[data-v-a9e43f33]:active{transform:scale(.94)}.dash__barSpacer[data-v-a9e43f33]{display:block;width:38px;height:38px}.dash__body[data-v-a9e43f33]{padding-top:76px;padding-bottom:90px}.dash__balance[data-v-a9e43f33]{padding:16px;border-radius:20px;background:#14161a;color:#fff;box-shadow:0 14px 30px -22px #14161af2}.dash__balanceHead[data-v-a9e43f33]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dash__eyebrow[data-v-a9e43f33]{font-size:11.5px;color:#ffffff9e}.dash__figure[data-v-a9e43f33]{padding-top:5px;font-size:25px;font-weight:800;letter-spacing:-.3px}.dash__unit[data-v-a9e43f33]{font-size:11.5px;font-weight:600;color:#ffffff9e;padding-inline-start:4px}.dash__seal[data-v-a9e43f33]{flex:0 0 auto;padding:5px 12px;border-radius:999px;font-size:10.5px;font-weight:700}.dash__seal.is-debtor[data-v-a9e43f33]{color:#fff;background:#a33c55}.dash__seal.is-creditor[data-v-a9e43f33]{color:#14161a;background:#ffffffe6}.dash__balanceRow[data-v-a9e43f33]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.13)}.dash__rowLabel[data-v-a9e43f33]{font-size:11.5px;color:#ffffff9e}.dash__rowValue[data-v-a9e43f33]{font-size:13.5px;font-weight:700}.dash__rowValue i[data-v-a9e43f33]{font-style:normal;font-size:10.5px;font-weight:600;color:#ffffff9e;padding-inline-start:3px}.dash__identity[data-v-a9e43f33]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:13px;border-top:1px solid rgba(255,255,255,.13)}.dash__name[data-v-a9e43f33]{font-size:12.5px;font-weight:700}.dash__mobile[data-v-a9e43f33]{font-size:11.5px;color:#ffffff9e;direction:ltr}.dash__invite[data-v-a9e43f33]{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #ECEDEF;border-radius:20px;background:#fafafa}.dash__inviteIcon[data-v-a9e43f33]{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#7a1b33;background:#fbf2f4}.dash__inviteCopy[data-v-a9e43f33]{flex:1;min-width:0}.dash__inviteCopy h3[data-v-a9e43f33]{margin:0;font-size:13px;font-weight:800;color:#14161a}.dash__inviteCopy p[data-v-a9e43f33]{margin:4px 0 0;font-size:11.5px;color:#8a909c}.dash__inviteCta[data-v-a9e43f33]{flex:0 0 auto;padding:9px 14px;border:0;cursor:pointer;border-radius:999px;font-family:inherit;font-size:11.5px;font-weight:700;color:#fff;background:#14161a}.dash__section[data-v-a9e43f33]{margin-top:26px}.dash__grid[data-v-a9e43f33]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.dash__tile[data-v-a9e43f33]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border:1px solid #ECEDEF;border-radius:16px;cursor:pointer;background:#fff;font-family:inherit;transition:transform .18s ease}.dash__tile[data-v-a9e43f33]:active{transform:scale(.97)}.dash__tile.is-disabled[data-v-a9e43f33]{opacity:.4}.dash__tileIcon[data-v-a9e43f33]{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#22262e;background:#f4f5f6}.dash__tileTitle[data-v-a9e43f33]{font-size:11px;font-weight:700;color:#22262e}
|