s.esmaeiliandClaude Sonnet 5
c05352d6fd
Remove DialogVant/NotifyVant and add Toast and Sheet components with useToast, useReveal, and usePageTransition composables. Rework Navigation, RegisterView, and styles across both apps; rebuild dist assets. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2 lines
10 KiB
CSS
2 lines
10 KiB
CSS
.otp-single-input{display:flex;align-items:center}.auth[data-v-cc0e2101]{background:#fff;min-height:100vh}.auth__body[data-v-cc0e2101]{padding-top:86px;padding-bottom:90px}.auth__intro[data-v-cc0e2101]{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:24px}.auth__mark[data-v-cc0e2101]{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#7a1b33;background:#fbf2f4}.auth__title[data-v-cc0e2101]{margin:14px 0 0;font-size:16px;font-weight:800;color:#14161a}.auth__sub[data-v-cc0e2101]{margin:6px 0 0;font-size:12.5px;color:#8a909c}.auth__card[data-v-cc0e2101]{padding:18px 16px;border:1px solid #ECEDEF;border-radius:20px;background:#fafafa}.auth__otp[data-v-cc0e2101]{display:flex;justify-content:center;gap:10px;direction:ltr;padding-bottom:6px}.auth__timer[data-v-cc0e2101]{margin:12px 0 16px;text-align:center;font-size:11.5px;color:#5b616e}.auth__form[data-v-cc0e2101] .ant-form-item-label>label{font-size:12px;color:#5b616e}.auth__cta[data-v-cc0e2101]{width:100%;padding:13px 18px;border:0;cursor:pointer;border-radius:14px;font-family:inherit;font-size:13px;font-weight:700;color:#fff;background:#14161a;transition:transform .15s ease,opacity .15s ease}.auth__cta[data-v-cc0e2101]:active{transform:scale(.99)}.auth__cta[data-v-cc0e2101]:disabled{opacity:.45;cursor:default}.auth__switch[data-v-cc0e2101]{margin:20px 0 0;text-align:center;font-size:12px;color:#5b616e}.auth__switch button[data-v-cc0e2101]{border:0;background:none;cursor:pointer;padding:0 3px;font-family:inherit;font-size:12px;font-weight:700;color:#7a1b33}.otp-input{width:48px;height:52px;padding:5px;margin:0;font-size:19px;font-weight:700;color:#14161a;background:#fff;border:1px solid #ECEDEF;border-radius:13px;text-align:center;transition:border-color .18s ease}.otp-input:focus{outline:none;border-color:#14161a}.otp-input.error{border-color:#e31a1a!important}.otp-input::-webkit-inner-spin-button,.otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.reg[data-v-3d599d93]{min-height:100vh;background:#fff}.reg__body[data-v-3d599d93]{padding-top:78px;padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}.reg__head[data-v-3d599d93]{padding:6px 2px 22px}.reg__steps[data-v-3d599d93]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.reg__seg[data-v-3d599d93]{position:relative;height:4px;border-radius:4px;background:#ecedef;overflow:hidden}.reg__seg[data-v-3d599d93]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#7a1b33;transform:scaleX(0);transform-origin:right center;transition:transform .5s cubic-bezier(.65,0,.35,1)}.reg__seg.is-on[data-v-3d599d93]:after{transform:scaleX(1)}.reg__stepLabel[data-v-3d599d93]{margin:14px 0 0;font-size:11.5px;font-weight:700;color:#7a1b33}.reg__title[data-v-3d599d93]{margin:4px 0 0;font-size:20px;font-weight:800;color:#14161a;letter-spacing:-.2px}.reg__sub[data-v-3d599d93]{margin:6px 0 0;font-size:12.5px;line-height:1.8;color:#5b616e}.reg__row[data-v-3d599d93]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.reg__form[data-v-3d599d93] .ant-form-item{display:flex;flex-direction:column;flex-wrap:nowrap;min-width:0;margin-bottom:16px}.reg__form[data-v-3d599d93] .ant-form-item-label,.reg__form[data-v-3d599d93] .ant-form-item-control{flex:none;width:100%;max-width:100%;min-width:0;text-align:right}.reg__form[data-v-3d599d93] .ant-form-item-label{padding:0 0 6px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reg__form[data-v-3d599d93] .ant-form-item-label>label{height:auto;font-size:12px;font-weight:700;color:#22262e}.reg__form[data-v-3d599d93] .ant-form-item-label>label:before{display:none!important}.reg__form[data-v-3d599d93] .ant-input,.reg__form[data-v-3d599d93] .ant-input-affix-wrapper{border-radius:14px;border:1.5px solid #ECEDEF;background:#fafafa;font-family:inherit;font-size:14px;color:#14161a;box-shadow:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.reg__form[data-v-3d599d93] .ant-input{min-height:50px;padding:12px 14px}.reg__form[data-v-3d599d93] .ant-input-affix-wrapper{min-height:50px;padding:0 14px}.reg__form[data-v-3d599d93] .ant-input-affix-wrapper .ant-input{min-height:46px;padding:0;border:0;background:transparent;box-shadow:none}.reg__form[data-v-3d599d93] textarea.ant-input{min-height:96px;line-height:1.8;resize:none}.reg__form[data-v-3d599d93] .ant-input-prefix{margin-inline-end:10px;color:#8a909c;transition:color .2s ease}.reg__form[data-v-3d599d93] .ant-input::-moz-placeholder{color:#b4b8c0}.reg__form[data-v-3d599d93] .ant-input::placeholder{color:#b4b8c0}.reg__form[data-v-3d599d93] .ant-input:hover,.reg__form[data-v-3d599d93] .ant-input-affix-wrapper:hover{border-color:#d6d8dc}.reg__form[data-v-3d599d93] .ant-input:focus,.reg__form[data-v-3d599d93] .ant-input-focused,.reg__form[data-v-3d599d93] .ant-input-affix-wrapper-focused{border-color:#7a1b33;background:#fff;box-shadow:0 0 0 4px #7a1b331a}.reg__form[data-v-3d599d93] .ant-input:focus .ant-input-prefix,.reg__form[data-v-3d599d93] .ant-input-focused .ant-input-prefix,.reg__form[data-v-3d599d93] .ant-input-affix-wrapper-focused .ant-input-prefix{color:#7a1b33}.reg__form[data-v-3d599d93] .ant-input-affix-wrapper-focused .ant-input-prefix{color:#7a1b33}.reg__form[data-v-3d599d93] .ant-form-item-has-error .ant-input,.reg__form[data-v-3d599d93] .ant-form-item-has-error .ant-input-affix-wrapper{border-color:#dc2626!important;background:#dc262608}.reg__form[data-v-3d599d93] .ant-form-item-has-error .ant-input:focus,.reg__form[data-v-3d599d93] .ant-form-item-has-error .ant-input-affix-wrapper-focused{box-shadow:0 0 0 4px #dc26261a!important}.reg__form[data-v-3d599d93] .ant-form-item-has-error .ant-input-affix-wrapper .ant-input{background:transparent;border:0!important}.reg__form[data-v-3d599d93] .ant-form-item-explain,.reg__form[data-v-3d599d93] .ant-form-item-extra{min-height:0;margin-top:6px;font-size:11.5px;line-height:1.6}.reg__form[data-v-3d599d93] .ant-form-item-extra{color:#8a909c}.reg__form[data-v-3d599d93] .ant-form-item-children-icon{display:none}.reg__num[data-v-3d599d93] input{direction:ltr;text-align:right;letter-spacing:.5px}.reg__note[data-v-3d599d93]{display:flex;align-items:flex-start;gap:10px;margin-top:4px;padding:12px 14px;border-radius:14px;background:#fbf2f4;color:#7a1b33;font-size:12px;font-weight:600;line-height:1.8}.reg__note[data-v-3d599d93] svg{flex:0 0 auto;margin-top:2px}.reg__footer[data-v-3d599d93]{position:fixed;left:0;right:0;bottom:0;z-index:15;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#ffffffdb;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-top:1px solid #ECEDEF}.reg__footerInner[data-v-3d599d93]{max-width:736px;margin:0 auto}.reg__cta[data-v-3d599d93]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:0 18px;border:0;cursor:pointer;border-radius:16px;font-family:inherit;font-size:14px;font-weight:800;color:#fff;background:#14161a;box-shadow:0 10px 22px -12px #14161ab3;transition:transform .15s ease,opacity .2s ease}.reg__cta[data-v-3d599d93]:active{transform:scale(.98)}.reg__cta.is-loading[data-v-3d599d93],.reg__cta[data-v-3d599d93]:disabled{opacity:.75;cursor:default}.reg__cta[data-v-3d599d93] svg{transition:transform .2s ease}.reg__cta[data-v-3d599d93]:active svg{transform:translate(-3px)}.reg__spinner[data-v-3d599d93]{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:reg-spin-3d599d93 .7s linear infinite}.reg__ghost[data-v-3d599d93]{width:100%;min-height:50px;border:1.5px solid #ECEDEF;border-radius:16px;background:#fff;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;color:#14161a}.reg__switch[data-v-3d599d93]{margin:10px 0 0;text-align:center;font-size:12px;color:#5b616e}.reg__switch button[data-v-3d599d93]{border:0;background:none;cursor:pointer;padding:0 3px;font-family:inherit;font-size:12px;font-weight:800;color:#7a1b33}.reg__done[data-v-3d599d93]{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:120px;padding-bottom:40px}.reg__doneMark[data-v-3d599d93]{position:relative;display:grid;place-items:center;width:88px;height:88px;border-radius:26px;color:#16a34a;background:#16a34a1a;animation:reg-pop-3d599d93 .6s cubic-bezier(.2,1.5,.4,1) both}.reg__doneMark[data-v-3d599d93] svg{animation:reg-pop-3d599d93 .6s .15s cubic-bezier(.2,1.6,.4,1) both}.reg__doneRing[data-v-3d599d93]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid #16a34a;opacity:0;animation:reg-ring-3d599d93 1.1s .3s ease-out both}.reg__doneTitle[data-v-3d599d93]{margin:22px 0 0;font-size:19px;font-weight:800;color:#14161a}.reg__doneText[data-v-3d599d93]{max-width:320px;margin:10px 0 0;font-size:13px;line-height:2;color:#5b616e}.reg__ltr[data-v-3d599d93]{direction:ltr;unicode-bidi:isolate;font-weight:700;color:#14161a}.reg__doneActions[data-v-3d599d93]{display:grid;gap:10px;width:100%;max-width:360px;margin-top:30px}.reg-next-enter-active[data-v-3d599d93],.reg-next-leave-active[data-v-3d599d93],.reg-prev-enter-active[data-v-3d599d93],.reg-prev-leave-active[data-v-3d599d93]{transition:transform .28s cubic-bezier(.65,0,.35,1),opacity .22s ease}.reg-next-enter-from[data-v-3d599d93],.reg-prev-leave-to[data-v-3d599d93]{transform:translate(-24px);opacity:0}.reg-next-leave-to[data-v-3d599d93],.reg-prev-enter-from[data-v-3d599d93]{transform:translate(24px);opacity:0}.reg-fade-enter-active[data-v-3d599d93],.reg-fade-leave-active[data-v-3d599d93]{transition:opacity .25s ease}.reg-fade-enter-from[data-v-3d599d93],.reg-fade-leave-to[data-v-3d599d93]{opacity:0}@keyframes reg-spin-3d599d93{to{transform:rotate(360deg)}}@keyframes reg-pop-3d599d93{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes reg-ring-3d599d93{0%{transform:scale(1);opacity:.6}to{transform:scale(1.55);opacity:0}}@media (prefers-reduced-motion: reduce){.reg-next-enter-active[data-v-3d599d93],.reg-next-leave-active[data-v-3d599d93],.reg-prev-enter-active[data-v-3d599d93],.reg-prev-leave-active[data-v-3d599d93]{transition:opacity .2s ease}.reg-next-enter-from[data-v-3d599d93],.reg-next-leave-to[data-v-3d599d93],.reg-prev-enter-from[data-v-3d599d93],.reg-prev-leave-to[data-v-3d599d93]{transform:none}.reg__doneMark[data-v-3d599d93],.reg__doneMark[data-v-3d599d93] svg,.reg__doneRing[data-v-3d599d93]{animation:none}}
|