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
8.8 KiB
CSS
2 lines
8.8 KiB
CSS
.pd[data-v-bf4ca901]{position:relative;height:100vh;overflow-y:auto;overflow-x:hidden;background:#fff;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.pd__gallery[data-v-bf4ca901]{position:sticky;top:0;z-index:1;margin-top:calc(-60px - env(safe-area-inset-top,0px))}.pd__header[data-v-bf4ca901]{position:sticky;top:0;z-index:10;padding-top:env(safe-area-inset-top,0px);background:transparent;border-bottom:1px solid transparent;transition:background .28s ease,border-color .28s ease,backdrop-filter .28s ease}.pd__header.is-solid[data-v-bf4ca901]{background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:#ecedef}.pd__headerTitle[data-v-bf4ca901]{flex:1;min-width:0;margin:0;text-align:center;font-size:14.5px;font-weight:800;color:#14161a;letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .28s ease}.is-solid .pd__headerTitle[data-v-bf4ca901]{opacity:1}.pd__controls[data-v-bf4ca901]{max-width:768px;margin:0 auto;padding:11px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.pd__controlsEnd[data-v-bf4ca901]{display:flex;gap:9px}.pd__round[data-v-bf4ca901]{position:relative;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:12px;cursor:pointer;text-decoration:none;color:#14161a;background:#ffffffe6;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);box-shadow:0 10px 26px -16px #14161ab3;transition:transform .18s ease,color .28s ease,background .28s ease,box-shadow .28s ease}.pd__round[data-v-bf4ca901]:active{transform:scale(.92)}.pd__round.is-on[data-v-bf4ca901]{color:#fff;background:#7a1b33}.is-solid .pd__round[data-v-bf4ca901]{color:#14161a;background:#f4f5f6;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.is-solid .pd__round.is-on[data-v-bf4ca901]{color:#fff;background:#7a1b33}.pd__roundBadge[data-v-bf4ca901]{position:absolute;top:-5px;inset-inline-start:-5px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;font-size:10px;font-weight:800;color:#fff;background:#7a1b33}.pd__stage[data-v-bf4ca901]{position:relative;height:54vh;min-height:320px;max-height:460px;overflow:hidden;background:#f4f5f6;touch-action:pan-y}.pd__stage--empty[data-v-bf4ca901]{display:grid;place-items:center;color:#8a909c}.pd__track[data-v-bf4ca901]{display:flex;height:100%;transition:transform .5s cubic-bezier(.32,.72,0,1);will-change:transform}.pd__track.is-dragging[data-v-bf4ca901]{transition:none}.pd__slide[data-v-bf4ca901]{flex:0 0 100%;height:100%;margin-inline-start:-100%}.pd__slide[data-v-bf4ca901]:first-child{margin-inline-start:0}.pd__art[data-v-bf4ca901]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:46px 20px 20px;display:block;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pd__rail[data-v-bf4ca901]{position:absolute;top:50%;inset-inline-end:12px;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;padding:7px 5px;border-radius:999px;background:#14161a4d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pd__railDot[data-v-bf4ca901]{width:6px;height:6px;padding:0;border:0;border-radius:999px;cursor:pointer;background:#ffffff80;transition:height .25s cubic-bezier(.32,.72,0,1),background .25s ease}.pd__railDot.is-on[data-v-bf4ca901]{height:20px;background:#fff}.pd__scroll[data-v-bf4ca901]{position:relative;z-index:2}.pd__sheet[data-v-bf4ca901]{position:relative;margin-top:-8px;border-radius:32px 32px 0 0;background:#fff;padding:8px 18px;box-shadow:0 -18px 40px -30px #14161a8c;min-height:calc(100vh - 132px - env(safe-area-inset-top,0px))}.pd__grip[data-v-bf4ca901]{width:38px;height:4px;margin:0 auto 12px;border-radius:999px;background:#ecedef}.pd__eyebrow[data-v-bf4ca901]{display:flex;align-items:center;justify-content:space-between;gap:12px}.pd__eyebrowText[data-v-bf4ca901]{font-size:11.5px;font-weight:600;color:#8a909c}.pd__stock[data-v-bf4ca901]{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:10.5px;font-weight:700;white-space:nowrap}.pd__stockDot[data-v-bf4ca901]{width:5px;height:5px;border-radius:999px;background:currentColor}.pd__stock.is-in[data-v-bf4ca901]{color:#16a34a;background:#16a34a14}.pd__stock.is-pre[data-v-bf4ca901]{color:#7a1b33;background:#fbf2f4}.pd__stock.is-out[data-v-bf4ca901]{color:#5b616e;background:#f4f5f6}.pd__head[data-v-bf4ca901]{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-top:10px}.pd__headMain[data-v-bf4ca901]{min-width:0}.pd__title[data-v-bf4ca901]{margin:0;font-size:16px;font-weight:800;line-height:1.7;color:#14161a}.pd__code[data-v-bf4ca901]{margin:5px 0 0;direction:ltr;text-align:end;font-size:11px;font-weight:700;color:#8a909c}.pd__figures[data-v-bf4ca901]{flex-shrink:0;display:flex;align-items:flex-end;gap:8px}.pd__figure[data-v-bf4ca901]{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 11px;border-radius:13px;color:#14161a;background:#f4f5f6}.pd__figure--accent[data-v-bf4ca901]{color:#7a1b33;background:#fbf2f4}.pd__figureValue[data-v-bf4ca901]{font-size:14px;font-weight:800;line-height:1.3;color:inherit;direction:ltr}.pd__figureLabel[data-v-bf4ca901]{font-size:10px;font-weight:600;color:#8a909c}.pd__figure--accent .pd__figureLabel[data-v-bf4ca901]{color:#7a1b33a6}.pd__chips[data-v-bf4ca901]{display:flex;gap:8px;margin-top:20px;margin-inline:-18px;padding:3px 18px;overflow-x:auto}.pd__chip[data-v-bf4ca901]{flex:0 0 auto;min-width:42px;height:34px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;white-space:nowrap;border-radius:999px;border:1px solid #ECEDEF;color:#5b616e;background:#fff;transition:transform .18s ease,background .2s ease,color .2s ease,border-color .2s ease}.pd__chip[data-v-bf4ca901]:active{transform:scale(.95)}.pd__chip.is-on[data-v-bf4ca901]{color:#fff;background:#14161a;border-color:#14161a}.pd__block[data-v-bf4ca901]{margin-top:24px}.pd__blockTitle[data-v-bf4ca901]{margin:0 0 11px;font-size:13.5px;font-weight:800;color:#14161a}.pd__body[data-v-bf4ca901]{margin:0;font-size:12.5px;line-height:2.1;color:#5b616e;text-align:justify}.pd__body.is-clamped[data-v-bf4ca901]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pd__more[data-v-bf4ca901]{margin-top:8px;padding:0;border:0;background:none;cursor:pointer;font-family:inherit;font-size:11.5px;font-weight:800;color:#14161a;text-decoration:underline;text-underline-offset:4px}.pd__specs[data-v-bf4ca901]{margin:0;border-radius:22px;background:#f4f5f6;overflow:hidden}.pd__spec[data-v-bf4ca901]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #ECEDEF}.pd__spec[data-v-bf4ca901]:last-child{border-bottom:0}.pd__spec dt[data-v-bf4ca901]{display:flex;align-items:center;gap:7px;margin:0;font-size:12.5px;color:#5b616e}.pd__spec dd[data-v-bf4ca901]{margin:0;font-size:12.5px;font-weight:700;color:#14161a}.pd__bar[data-v-bf4ca901]{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:10px;max-width:768px;margin:0 auto;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#ffffffe6;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-top:1px solid #ECEDEF}.pd__pill[data-v-bf4ca901]{flex-shrink:0;max-width:44%;height:48px;padding:0 15px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;border-radius:999px;border:1px solid #ECEDEF;color:#14161a;background:#fff;transition:transform .18s ease,background .2s ease}.pd__pill[data-v-bf4ca901]:active{transform:scale(.97)}.pd__pillText[data-v-bf4ca901]{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pd__qty[data-v-bf4ca901]{flex-shrink:0;height:48px;padding:0 6px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;border:1px solid #ECEDEF;background:#fff}.pd__qtyBtn[data-v-bf4ca901]{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;color:#14161a;background:#f4f5f6;transition:transform .18s ease}.pd__qtyBtn[data-v-bf4ca901]:active{transform:scale(.9)}.pd__qtyValue[data-v-bf4ca901]{min-width:20px;text-align:center;font-size:13px;font-weight:800;color:#14161a}.pd__cta[data-v-bf4ca901]{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;border:0;border-radius:999px;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:800;white-space:nowrap;text-decoration:none;color:#fff;background:#14161a;box-shadow:0 14px 30px -18px #14161ae6;transition:transform .18s ease,opacity .18s ease}.pd__cta[data-v-bf4ca901]:active{transform:scale(.985)}.pd__cta[data-v-bf4ca901]:disabled{cursor:default;opacity:.4;box-shadow:none}
|